@charset "UTF-8";
/* 動画ボタン */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap");
.btn.icon-movie-solid::before {
  content: "\f144";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  display: inline-block;
  margin-right: 8px;
}

/* ボタン名が、1px下に沈むのを解消 */
.btn span {
  position: relative;
  top: -1px;
}

.btn.btn-orange {
  background: #edac04;
  border-color: #edac04;
  color: #fff;
}
.btn.btn-orange:hover {
  background: #d99d04;
  border-color: #d99d04;
  color: #fff;
}
.btn.btn-orange:active, .btn.btn-orange:focus {
  background: #cf9603;
  border-color: #cf9603;
  color: #fff;
}
.btn.btn-orange:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 172, 4, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(237, 172, 4, 0.5);
}

/* 角丸ボタン */
.btn-round {
  border-radius: 100px !important;
}

/* 背景なしの枠線ボタンを、ノーマル寺は背景白にするスタイル（マウスオーバー時は、「.btn-outline-primary」の仕様に従う */
.btn-outline-primary.btn-bg-white {
  background-color: #fff;
}

.btn-outline-light.btn-bg-white {
  background-color: #fff;
}
.btn-outline-light.btn-bg-white:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.btn-outline-light.btn-bg-white span {
  color: #333;
}

/* Elefabボタン */
.btn-elefab {
  color: #fff !important;
  background-color: #00ae9a !important;
  border-color: #00ae9a !important;
}
.btn-elefab:hover {
  background-color: #009a88 !important;
}
.btn-elefab:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 174, 154, 0.5) !important;
          box-shadow: 0 0 0 0.2rem rgba(0, 174, 154, 0.5) !important;
}

/* 【アイコン】 カート　（今すぐ購入ボタン） */
.btn-store span::before {
  content: "\f218";
  font-weight: 900;
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
}

/* 【アイコン】 ダウンロード */
.btn-download span::before {
  content: "\f019";
  font-weight: 900;
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
}

/* 【アイコン】 ドキュメント */
.btn-document span::before {
  content: "\f15c";
  font-weight: 900;
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
}

/* 【アイコン】 見積 */
.btn-calc span::before {
  content: "\f1ec";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
}

/* 【アイコン】 三角 */
.btn-caret span::before {
  content: "\f0da";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .container-xl {
    width: 100% !important;
    max-width: 1200px !important;
  }
}
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #0394ed;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dd2828;
  --orange: #edac04;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #0394ed;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dd2828;
  --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 {
  -webkit-box-sizing: border-box;
          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);
}

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:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          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: 0.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: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0394ed;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0265a1;
  text-decoration: underline;
}

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

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] {
  -webkit-box-sizing: border-box;
          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: 0.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: "— ";
}

.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-wrap: 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: 30px;
  padding-left: 30px;
  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, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px;
}

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

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

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

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.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: #b8e1fa;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7cc7f6;
}

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

.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: #f5c3c3;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed8f8f;
}

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

.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 + 1.2rem + 2px);
  padding: 0.6rem 1.8rem;
  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;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #72c8fd;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.7rem + 1px);
  padding-bottom: calc(0.7rem + 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: 0.6rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  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 + 1.4rem + 2px);
  padding: 0.7rem 1.8rem;
  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: -webkit-box;
  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, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

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

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -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: 0.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 :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 3.7rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.8rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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 2.8rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.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: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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          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:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          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: #dd2828;
}

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dd2828;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dd2828' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dd2828' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dd2828;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
}

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dd2828;
  padding-right: calc(0.75em + 3.7rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.8rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dd2828' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dd2828' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2.8rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dd2828;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dd2828;
}
.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: #dd2828;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dd2828;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e45454;
  background-color: #e45454;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 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: #dd2828;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dd2828;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dd2828;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 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 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: 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;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.6rem 1.8rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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: #0394ed;
  border-color: #0394ed;
}
.btn-primary:hover {
  color: #fff;
  background-color: #037cc7;
  border-color: #0275bb;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #037cc7;
  border-color: #0275bb;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 164, 240, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(41, 164, 240, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0394ed;
  border-color: #0394ed;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275bb;
  border-color: #026dae;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 164, 240, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(41, 164, 240, 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 {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
          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 {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
          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 {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
          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 {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dd2828;
  border-color: #dd2828;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c01e1e;
  border-color: #b51d1d;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c01e1e;
  border-color: #b51d1d;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 72, 72, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(226, 72, 72, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dd2828;
  border-color: #dd2828;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b51d1d;
  border-color: #aa1b1b;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 72, 72, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(226, 72, 72, 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 {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
          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 {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #0394ed;
  border-color: #0394ed;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0394ed;
  border-color: #0394ed;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0394ed;
  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: #0394ed;
  border-color: #0394ed;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dd2828;
  border-color: #dd2828;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dd2828;
  border-color: #dd2828;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dd2828;
  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: #dd2828;
  border-color: #dd2828;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          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 {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #0394ed;
  text-decoration: none;
}
.btn-link:hover {
  color: #0265a1;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.7rem 1.8rem;
  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 {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    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: #0394ed;
}
.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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -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: 1.35rem;
  padding-left: 1.35rem;
}
.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: 1.35rem;
  padding-left: 1.35rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  min-width: 0;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -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: -webkit-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6rem 1.8rem;
  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 + 1.4rem + 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.7rem 1.8rem;
  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: 2.8rem;
}

.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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0394ed;
  background-color: #0394ed;
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #72c8fd;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #a5dcfe;
  border-color: #a5dcfe;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0394ed;
  background-color: #0394ed;
}
.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' width='4' height='4' 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(3, 148, 237, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(3, 148, 237, 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' width='12' height='12' 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(3, 148, 237, 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;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    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(3, 148, 237, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  padding: 0.6rem 2.8rem 0.6rem 1.8rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.8rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #72c8fd;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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: 1.8rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.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 + 1.4rem + 2px);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1.8rem;
  font-size: 1.25rem;
}

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #72c8fd;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .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 + 1.2rem + 2px);
  padding: 0.6rem 1.8rem;
  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 + 1.2rem);
  padding: 0.6rem 1.8rem;
  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: 1.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 {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0394ed;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #a5dcfe;
}
.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: #0394ed;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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 {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #a5dcfe;
}
.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: #0394ed;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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 {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #a5dcfe;
}
.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 {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    transition: none;
  }
}

.nav {
  display: -webkit-box;
  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: #0394ed;
}

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

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -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,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    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,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    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,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    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,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  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 xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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 xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  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,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -30px;
    margin-left: -30px;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-right: 30px;
    margin-bottom: 0;
    margin-left: 30px;
  }
}

.card-group > .card {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
        -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(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: -webkit-box;
  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: -webkit-box;
  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: #0394ed;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0265a1;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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: 3;
  color: #fff;
  background-color: #0394ed;
  border-color: #0394ed;
}
.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;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    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: #0394ed;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0275bb;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(3, 148, 237, 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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dd2828;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #b51d1d;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(221, 40, 40, 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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          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;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          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: #024d7b;
  background-color: #cdeafb;
  border-color: #b8e1fa;
}
.alert-primary hr {
  border-top-color: #a0d7f8;
}
.alert-primary .alert-link {
  color: #012e49;
}

.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: #731515;
  background-color: #f8d4d4;
  border-color: #f5c3c3;
}
.alert-danger hr {
  border-top-color: #f1adad;
}
.alert-danger .alert-link {
  color: #480d0d;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0394ed;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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;
  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 {
  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: #0394ed;
  border-color: #0394ed;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #024d7b;
  background-color: #b8e1fa;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #024d7b;
  background-color: #a0d7f8;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #024d7b;
  border-color: #024d7b;
}

.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: #731515;
  background-color: #f5c3c3;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #731515;
  background-color: #f1adad;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #731515;
  border-color: #731515;
}

.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: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.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);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -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 {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  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 {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -webkit-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.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);
}
.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);
  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);
}
.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);
  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;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  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 {
    -webkit-transition: none;
    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;
  -webkit-transition-property: opacity;
  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;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -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: 0.5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    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 0.75s linear infinite;
          animation: spinner-border 0.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 0.75s linear infinite;
          animation: spinner-grow 0.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: #0394ed !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0275bb !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: #dd2828 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #b51d1d !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: #0394ed !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: #dd2828 !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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    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.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -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 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -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 {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

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

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

.justify-content-between {
  -webkit-box-pack: justify !important;
      -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 {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

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

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -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;
      -ms-grid-row-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;
      -ms-grid-row-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;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-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: 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: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          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: #0394ed !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0265a1 !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: #dd2828 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #9f1919 !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;
    -webkit-box-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;
  }
}
/* Noto Sans JP
font-family: 'Noto Sans JP', sans-serif; */
/* Noto Serif JP
font-family: 'Noto Serif JP', ; */
/* Raleway
font-family: 'Raleway', sans-serif;
*/
/* Oswald
font-family: 'Oswald', sans-serif;
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
*/
/* Roboto Condensed
font-family: 'Roboto Condensed', sans-serif;
*/
/* Merriweather
font-family: 'Merriweather', serif;
*/
/* M PLUS Rounded 1c
font-family: 'M PLUS Rounded 1c', sans-serif;
*/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
  color: #1b1b1b;
  background: #fff;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  padding: 0 0 0 0;
  margin: 0 0 1rem 0;
}

span {
  font-family: "Noto Sans JP", sans-serif;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

strong {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 0.0625rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.h2 {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
}

.h3 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  position: relative;
}

.h3.icon {
  padding-left: 20px;
}
.h3.icon:before {
  content: "";
  display: block;
  width: 5px;
  height: 22px;
  background: #0394ed;
  position: absolute;
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

p,
span {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 1.6px;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .h2 {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  .h3 {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  p,
  span {
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .h2 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  .h3 {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  p,
  span {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
}
#main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

*:focus {
  outline: none !important;
}

.no-border {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.no-background {
  background: none !important;
}

.m--0 {
  margin: 0 0 0 0 !important;
}

.p--0 {
  padding: 0 0 0 0 !important;
}

/* 5の倍数 */
/* 100まで作るため、20回ループさせる */
.mt--0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dl.all--0 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}
dl.all--0 dt {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}
dl.all--0 dd {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}

ul.all--0 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}
ul.all--0 li {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}

ol.all--0 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}
ol.all--0 li {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1;
}

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

.br {
  border: 1px solid red;
}

.bg {
  border: 1px solid green;
}

.bb {
  border: 1px solid blue;
}

.by {
  border: 1px solid yellow;
}

/*
CSSは、高さ方向にpaddingを%で指定した場合、基準値をwidth(100%)から取得する性質があります。
widthの値が変化すると、paddingの値も同じ量だけ変化するということ。
*/
.adjust-box {
  position: relative;
  height: auto;
  background: rgba(255, 0, 0, 0.5);
}

.adjust-box.rate-4x3 {
  width: 50%;
}

.adjust-box.rate-4x3:before {
  content: "";
  display: block;
  padding-top: 75%;
}
@media (min-width: 576px) {
  .adjust-box.rate-4x3:before {
    padding-top: auto;
  }
}
@media (min-width: 768px) {
  .adjust-box.rate-4x3:before {
    padding-top: auto;
  }
}
@media (min-width: 1200px) {
  .adjust-box.rate-4x3:before {
    padding-top: auto;
  }
}
@media (min-width: 992px) {
  .adjust-box.rate-4x3:before {
    padding-top: auto;
  }
}

.adjust-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#footer-notes ul {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
#footer-notes ul li {
  padding: 0 0 0 15px;
  margin: 0 0 0 0;
  position: relative;
  font-size: 13px;
}
#footer-notes ul li:before {
  content: "※";
  position: absolute;
  left: 0px;
  top: 0px;
}
#footer-notes ul li span {
  font-size: 13px;
}

a.link-underbar {
  text-decoration: underline;
}
a.link-underbar:hover {
  text-decoration: none;
}

#myToast {
  width: 300px;
  height: 270px;
  display: block;
  position: fixed;
  bottom: 0px;
  left: -1px;
  z-index: 3000;
  overflow: visible !important;
  margin: 0 !important;
  background-color: transparent;
  background: transparent;
  /*
  .toast-header{
    position: absolute;
    top:-6px;
    right: -6px;
    background-color: #89c8fd;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    button.close{
      float: right;
      float: none;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      text-shadow: none;
      opacity: .5;
      opacity: 1;
      i{
        color: #fff;
      }
    }
  }
  */
  /* 【閉じるボタン押下時】Bootstrapのデフォルトだと、opacity:0 のため、aタグが残る */
}
@media (max-width: 768px) {
  #myToast {
    display: none !important;
  }
}
#myToast .toast-header {
  position: absolute;
  top: -10px;
  right: -12px;
  background-color: #d42727;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#myToast .toast-header button.close {
  float: right;
  float: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  text-shadow: none;
  opacity: 0.5;
  opacity: 1;
}
#myToast .toast-header button.close i {
  color: #fff;
}
#myToast .toast-body {
  padding: 0;
  background-color: transparent;
  background: transparent;
}
#myToast.fade.hide {
  display: none !important;
}

/* CADご検討の方へ */
/* それ以外のページ */
.title-wrap {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 3.75rem 0;
}

/* =========================================================================== */
/* 注釈 */
.notes ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 1.3rem;
}
.notes ul li {
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #6c757d;
  padding: 0 0 0 0px;
  margin: 0 0 1rem 0;
}
.notes ul li:last-child {
  margin-bottom: 0;
}
.notes ul li:before {
  content: "※";
  position: absolute;
  left: -1.3rem;
}
.notes ul li.kome1 {
  padding: 0 0 0 15px;
}
.notes ul li.kome1:before {
  content: "※1";
  position: absolute;
  left: -1.3rem;
  color: #dd2828;
  font-weight: 500;
}
.notes ul li.kome2 {
  padding: 0 0 0 15px;
}
.notes ul li.kome2:before {
  content: "※2";
  position: absolute;
  left: -1.3rem;
  color: #dd2828;
  font-weight: 500;
}
.notes ul li.kome3 {
  padding: 0 0 0 15px;
}
.notes ul li.kome3:before {
  content: "※3";
  position: absolute;
  left: -1.3rem;
  color: #dd2828;
  font-weight: 500;
}
.notes ul li.kome4 {
  padding: 0 0 0 15px;
}
.notes ul li.kome4:before {
  content: "※4";
  position: absolute;
  left: -1.3rem;
  color: #dd2828;
  font-weight: 500;
}
.notes ul li.kome5 {
  padding: 0 0 0 15px;
}
.notes ul li.kome5:before {
  content: "※5";
  position: absolute;
  left: -1.3rem;
  color: #dd2828;
  font-weight: 500;
}
.notes ul.short-margin li {
  margin: 5px 0 5px 0;
}
.notes ul.notes-wrap {
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #f9f9f9;
  padding: 14px 45px;
}

/* =========================================================================== */
/* 表 */
.chart {
  background: #fff;
}
.chart dl {
  border-top: 1px solid #eee;
  padding: 15px 15px 10px 15px;
  margin: 0;
}
.chart dl:last-child {
  border-bottom: 1px solid #eee;
}
.chart dl dt span {
  font-weight: 400;
  font-size: 0.95rem;
}
.chart dl dd {
  font-size: 0.95rem;
}

table.table-standard {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
table.table-standard th,
table.table-standard td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 1px solid #ccc;
  padding: 12px 15px;
  background: #e8ebed;
  font-weight: normal;
  line-height: 1.4;
  font-size: 0.875rem;
}
table.table-standard th span,
table.table-standard td span {
  font-size: 0.875rem;
  line-height: 1.6;
}
table.table-standard thead th {
  background: #eee;
}
table.table-standard tbody th {
  background: #f8f9fa;
}
table.table-standard tbody td {
  background: #fff;
}

/* =========================================================================== */
#main {
  background: #fff;
}

.common-navi-style ul {
  list-style: none;
}
.common-navi-style .navbar {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.common-navi-style .navbar-collapse {
  margin: 0 0 0 0;
  padding: 0px 20px 0px 20px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  /* ドロップメニュー がある場合（グローバルナビ） */
}
.common-navi-style .navbar-collapse ul.navbar-nav {
  padding: 20px 0 20px 0;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.nav-item {
  border-bottom: 1px solid #eee;
}
.common-navi-style .navbar-collapse ul.navbar-nav li a {
  font-size: 0.9rem;
}
.common-navi-style .navbar-collapse ul.navbar-nav li a.nav-link {
  padding: 0.9rem 1rem;
}
.common-navi-style .navbar-collapse ul.navbar-nav li:nth-of-type(1) {
  border-top: 1px solid #eee;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown a.dropdown-toggle::after {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: inline-block;
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  top: 15px;
  right: 20px;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show a.dropdown-toggle::after {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(-540deg);
          transform: rotate(-540deg);
  position: absolute;
  top: 15px;
  right: 20px;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu {
  position: relative;
  top: -10px;
  border: none;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu a.dropdown-item {
  padding: 0.5rem 2.2rem;
  position: relative;
}
.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu a.dropdown-item::before {
  content: "・";
  color: #ddd;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-51%);
          transform: translateY(-51%);
  left: 0.6rem;
}

/* =========================================================================== */
/* =========================================================================== */
/* width 992〜 */
@media (min-width: 992px) {
  .common-navi-style .navbar-collapse {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .common-navi-style .navbar-collapse ul.navbar-nav {
    padding: 0 0 0 0;
  }
  .common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.nav-item {
    border-bottom: none;
  }
  .common-navi-style .navbar-collapse ul.navbar-nav li.dropdown:nth-of-type(1) {
    border-top: none;
  }
  .common-navi-style .navbar-collapse ul.navbar-nav li.dropdown a.dropdown-toggle::after {
    content: none;
  }
  .common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu {
    position: absolute;
    top: 48px;
    border: none;
  }
}
/* =========================================================================== */
/* =========================================================================== */
/* width 1200〜 */
/* =========================================================================== 

採用情報追加に伴う変更

*/
#global-navi .container-xl {
  max-width: 1260px !important;
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link,
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown a.nav-link {
    font-size: 13px !important;
  }
}
/* =========================================================================== END */
#head-announce {
  display: none;
  width: 100%;
  background: #0394ed;
  text-align: center;
}
@media (min-width: 768px) {
  #head-announce {
    display: block;
  }
}
#head-announce .head-announce-body {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}
#head-announce a,
#head-announce span {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.2px;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
#head-announce a {
  background-color: #ff790b;
  border-radius: 100px;
  padding: 3px 14px 4px;
}
#head-announce a:hover {
  text-decoration: none;
  background-color: #eb720f;
}

#global-navi.common-navi-style {
  background: #fff;
}
#global-navi.common-navi-style .container-fluid, #global-navi.common-navi-style .container-sm, #global-navi.common-navi-style .container-md, #global-navi.common-navi-style .container-lg, #global-navi.common-navi-style .container-xl {
  width: 100%;
  padding: 0 0 0 0;
}
#global-navi.common-navi-style .navbar {
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#global-navi.common-navi-style .navbar .logo-wrap {
  width: 120px;
  height: 50px;
  margin: 0 auto 0px auto;
}
#global-navi.common-navi-style .navbar .logo-wrap a.logo {
  margin-left: 45px;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/ja/img/common/logo-quadcept+.svg) no-repeat left center;
  background-size: 110px auto;
}
#global-navi.common-navi-style .navbar .btns .navbar-nav.mobile-login-button {
  background: #dd2828;
  border-radius: 100px;
  padding: 4px 15px 5px;
  font-size: 0.8rem;
}
#global-navi.common-navi-style .navbar .btns .navbar-nav.mobile-login-button a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#global-navi.common-navi-style .navbar .navbar-collapse {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 800;
  width: 100%;
  background: #fff;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-header {
  display: none;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-description {
  display: none;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi {
  list-style-type: none;
  padding: 0 0 0 5px;
  margin: 0;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li:nth-of-type(1) {
  border: none;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a.new span::after {
  position: relative;
  margin-left: 7px;
  content: "NEW";
  font-size: 11px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  display: inline-block;
  padding: 5px 7px 4px 9px;
  border-radius: 2px;
  text-align: center;
  line-height: 1;
  color: #fff;
  background-color: #dd2828;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl {
  margin: 0;
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dd {
  margin: 0;
}
#global-navi.common-navi-style button.btn-hamburger {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 20px;
  height: 14px;
  border: none;
  position: relative;
  background-color: transparent;
  /* ================================= ボタン自体の回転処理 Start */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  /* ================================= ボタン自体の回転処理 END */
}
#global-navi.common-navi-style button.btn-hamburger.collapsed {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
#global-navi.common-navi-style button.btn-hamburger .icon-bar {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
}
#global-navi.common-navi-style button.btn-hamburger .icon-bar:nth-of-type(1) {
  display: block;
  width: 100%;
  top: 0px;
  left: 0px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}
#global-navi.common-navi-style button.btn-hamburger .icon-bar:nth-of-type(2) {
  display: block;
  width: 100%;
  top: 50%;
  left: 0px;
  margin-top: -1px !important; /* height:2px のため */
  opacity: 0;
}
#global-navi.common-navi-style button.btn-hamburger .icon-bar:nth-of-type(3) {
  display: block;
  width: 100%;
  bottom: 0px;
  left: 0px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}
#global-navi.common-navi-style button.btn-hamburger.collapsed .icon-bar {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

/* =========================================================================== */
/* =========================================================================== */
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-menu-contents-navi li a.dropdown-item:active {
  background-color: rgba(0, 0, 0, 0.1);
}
#global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi {
  padding-left: 30px !important;
}

/* =========================================================================== */
/* =========================================================================== */
/* width 992〜 */
@media (min-width: 992px) {
  #global-navi.common-navi-style .navbar {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 110px;
  }
  #global-navi.common-navi-style .navbar .logo-wrap {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    max-width: 172px;
    height: auto;
    max-height: 55px;
  }
  #global-navi.common-navi-style .navbar .logo-wrap a.logo {
    width: 172px;
    max-width: 172px;
    height: 55px;
    max-height: 55px;
    margin-left: 0px;
    display: block;
    background: url(/ja/img/common/logo-quadcept+.svg) no-repeat left top;
    background-size: 100%;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse {
    width: 100%;
    position: relative;
    position: static !important; /* ⛳️ */
    left: 0;
    top: 0;
    width: auto;
    background: none;
    padding: 0px 20px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 720px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* クリックした際に「show」クラスが付与されるのを防ぐ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item,
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown {
    cursor: pointer;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2px;
    padding-right: 2px;
    position: relative !important;
    position: static !important; /* 🚩ドロップダウンメニューをコンテンツ枠にあわえるため */
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link,
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown a.nav-link {
    width: auto;
    font-size: 0.96875rem;
    color: #111;
    text-align: center;
    font-weight: 500;
    padding: 2.7rem 1rem;
    padding: 2.7rem 0.8rem;
    padding: 2.7rem 0;
    position: relative;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item:nth-of-type(1) a.nav-link::before,
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown:nth-of-type(1) a.nav-link::before {
    content: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu {
    pointer-events: none !important;
    width: 100%;
    opacity: 0;
    display: block;
    position: absolute;
    top: 95px;
    left: 0;
    border-radius: 5px 5px !important;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translateX(0%) translateY(10px) scale(1);
            transform: translateX(0%) translateY(10px) scale(1);
    z-index: 999;
    padding: 0 0 0 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents .dropdown-menu-contents-header {
    width: 200px;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    background: #0394ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents .dropdown-menu-contents-header p {
    text-align: center;
    margin: 0 auto;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    font-style: italic;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents .dropdown-menu-contents-main {
    width: calc(100% - 200px);
    background: #d9f2ff;
    background: #eaf5ff;
    padding: 20px;
    border-radius: 0 5px 5px 0 !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents p.dropdown-menu-contents-description {
    display: block !important;
    padding: 0 0 0 0;
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    font-weight: 500;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li {
    margin: 5px 10px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a {
    background: #fff;
    border-radius: 100px;
    font-size: 1rem;
    line-height: 1;
    padding: 5px 40px 6px 20px;
    position: relative;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a::before {
    content: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    font-size: 1rem;
    color: #0394ed;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a:hover {
    background: #0394ed;
    color: #fff;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a:hover::after {
    color: #fff;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li a span {
    font-size: 13.5px;
    padding: 0 0 0 0;
    font-weight: 400;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu div.dropdown-menu-contents ul.dropdown-menu-contents-navi li.demitasnx a.new span::after {
    position: relative;
    margin-left: 7px;
    content: "NEW";
    font-size: 11px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 5px 7px 4px 9px;
    border-radius: 2px;
    text-align: center;
    line-height: 1;
    color: #fff;
    background-color: #dd2828;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu.show {
    pointer-events: auto !important;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translateX(0%) translateY(0px) scale(1);
            transform: translateX(0%) translateY(0px) scale(1);
    z-index: 999;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main {
    background: #0081e7 !important;
    background: #002440 !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 0.5px solid rgba(204, 204, 204, 0.4);
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi:nth-of-type(1) {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li {
    width: 33%;
    margin: 0 0 0 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li.category {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li.category span {
    color: #fff;
    font-size: 0.75rem !important;
    font-weight: 500;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a {
    background: none;
    border: none;
    border-radius: 0px;
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0 0 12px 0;
    position: relative;
    white-space: normal;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a::after {
    content: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a:hover {
    background: none;
    opacity: 0.8;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl {
    /* liのwidthと連動 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0;
    margin: 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dt.thumb {
    display: block;
    display: none !important; /* ⭐️ */
    width: 60px !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dt.thumb img {
    width: 60px;
    height: 60px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dd.text {
    padding: 0 0 0 0;
    margin: 3px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 60px) !important; /*サムネイルの画像サイズ分*/
    width: 100% !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dd.text span {
    line-height: 1.4;
    width: 100%;
    color: #fff;
    font-weight: 500;
    padding: 0 0 0 10px;
    padding: 0 0 0 0; /* ⭐️ */
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dd.text span.name {
    font-size: 0.9rem;
    display: none !important; /* ⭐️ */
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-product .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li dl dd.text span.description {
    font-size: 0.7rem;
    margin: 4px 0 0 0;
    font-size: 0.8125rem; /* ⭐️ */
    margin: 0 0 0 0; /* ⭐️ */
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li {
    width: 50%;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li a {
    background: none;
    padding: 0 0 0 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li a::before, #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li a::after {
    content: none;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li a:hover {
    color: #0394ed;
    background: none;
    text-decoration: underline;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li a:hover dt {
    opacity: 0.9;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    margin: 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dt {
    width: 170px;
    height: 100px;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    background-size: cover;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dd {
    width: 100%;
    padding: 0;
    margin: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dd p {
    padding: 0;
    margin: 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dd .company {
    font-size: 0.9rem;
    font-weight: 500;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li dd .description {
    font-size: 0.8rem;
    font-weight: 400;
    margin-top: 7px;
    line-height: 1.4;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li.case-first dt {
    background: url(/ja/img/case/ushio/global-navi-thumb.png) no-repeat center center;
    background-size: cover;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-case .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main .dropdown-menu-contents-navi li.case-second dt {
    background: url(/ja/img/case/whill/global-navi-thumb.png) no-repeat center center;
    background-size: cover;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 0px 30px 0px !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi {
    width: 100%;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding: 0 0 0 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li {
    width: 90%;
    padding: 0 0 0 0 !important;
    margin: 4px auto 4px auto !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a {
    padding: 5px 40px 6px 20px !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a::after {
    right: 15px;
    right: 25px !important;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li a span {
    padding: 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li.title {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    min-width: auto;
    margin: 0 auto 5px;
    padding: 0;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi li.title span {
    display: inline-block;
    padding: 12px 15px 12px 50px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi.start li.title span {
    background: url(/ja/img/common/icon-navi-start.svg) no-repeat left center;
    background-size: 40px auto;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi.learn li.title span {
    background: url(/ja/img/common/icon-navi-learn.svg) no-repeat left center;
    background-size: 40px auto;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main ul.dropdown-menu-contents-navi.inquiries li.title span {
    background: url(/ja/img/common/icon-navi-inquiries.svg) no-repeat left center;
    background-size: 40px auto;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-estimate a.nav-link {
    border: 1px solid red;
    background: #ccc;
    height: 40px;
  }
  #global-navi.common-navi-style .navbar .btns {
    margin-left: 5px;
  }
  #global-navi.common-navi-style .navbar .btns ul#estimate-navi {
    padding: 0;
    margin: 0;
  }
  #global-navi.common-navi-style .navbar .btns ul#estimate-navi li a {
    border-radius: 100px 100px 100px 100px;
    background: #3173e4;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    padding: 10px 19px 10px 19px;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 1px solid #310808;
  }
  #global-navi.common-navi-style .navbar .btns ul#estimate-navi li a::after {
    content: none;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown {
    position: relative;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown:hover .dropdown-menu {
    pointer-events: auto !important;
    opacity: 1;
    display: block;
    position: absolute;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translateX(-50%) translateY(-10px) scale(1);
            transform: translateX(-50%) translateY(-10px) scale(1);
    z-index: 999;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown a.dropdown-toggle {
    border-radius: 100px 100px 100px 100px;
    background: #3173e4;
    background: #dd2828;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    padding: 10px 19px 10px 19px;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 1px solid #310808;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown a.dropdown-toggle::after {
    content: none;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu {
    pointer-events: none !important;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-20px) scale(1.1);
            transform: translateX(-50%) translateY(-20px) scale(1.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 190px;
    border-radius: 5px 5px 5px 5px;
    padding-right: 1px;
    padding-bottom: 12px;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a {
    font-size: 0.82rem;
    border: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.dropdown-item {
    padding: 0.25rem 1.5rem; /* デフォルト */
    padding: 0.25rem 1.5rem;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a:active::before {
    color: #333;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a::before {
    font-size: 13px;
    position: relative;
    top: 0;
    left: -11px;
    background: #fafafa;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px 5px 5px 5px;
    border-radius: 100px;
    text-align: center;
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.login::before {
    content: "\f2f6";
    font-weight: 900;
    font-family: "FontAwesome";
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.sign-up::before {
    content: "\f007";
    font-weight: 900;
    font-family: "FontAwesome";
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.buy::before {
    content: "\f218";
    font-weight: 900;
    font-family: "FontAwesome";
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.download::before {
    content: "\f019";
    font-weight: 900;
    font-family: "FontAwesome";
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown .dropdown-menu a.guide::before {
    content: "\f0eb";
    font-weight: 900;
    font-family: "FontAwesome";
  }
  #global-navi.common-navi-style .navbar .btns ul#start-menu li.dropdown.show a.dropdown-toggle {
    border-radius: 5px 5px 0 0;
  }
}
/* =========================================================================== */
/* =========================================================================== */
/* width 1100〜 */
@media (min-width: 1100px) {
  #global-navi.common-navi-style .navbar .navbar-collapse {
    padding: 0px 20px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link,
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.dropdown a.nav-link {
    font-size: 14px;
  }
}
/* =========================================================================== */
/* =========================================================================== */
/* width 1150〜 */
/* =========================================================================== */
/* =========================================================================== */
/* width 1200〜 */
@media (min-width: 1200px) {
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav {
    margin-left: 20px;
  }
  #global-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.navi-support .dropdown-menu .dropdown-menu-contents .dropdown-menu-contents-main {
    padding: 20px 30px 35px 30px !important;
    padding: 25px 30px 25px 30px !important;
  }
}
/* =========================================================================== END */
.dropdown-item {
  /* ローカルナビのハンバーガーメニュー対応 */
  font-weight: 300 !important;
  color: rgba(0, 0, 0, 0.9); /*🔴*/
  /* グローバルナビのハンバーガーメニュー対応*/
}
.dropdown-item span {
  font-weight: 300 !important;
  color: rgba(0, 0, 0, 0.9); /*🔴*/
}

/* グローバルナビのメガメニューのシンプル版に適用（クアッドセプト、料金、サポート） */
@media screen and (min-width: 768px) {
  .dropdown-menu-contents-navi li a.dropdown-item span {
    font-weight: 400 !important;
  }
  .dropdown-menu-contents-navi li a:hover span {
    color: #fff !important;
  }
}
#local-navi.common-navi-style {
  background: #011526;
}
#local-navi.common-navi-style .container-fluid, #local-navi.common-navi-style .container-sm, #local-navi.common-navi-style .container-md, #local-navi.common-navi-style .container-lg, #local-navi.common-navi-style .container-xl {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
#local-navi.common-navi-style .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background: #000;
  padding: 0 0 0 0;
}
#local-navi.common-navi-style .navbar .navbar-toggler {
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  padding: 15px 0 15px 0;
  line-height: 1rem;
}
#local-navi.common-navi-style .navbar .navbar-toggler span {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1rem;
  position: relative;
}
#local-navi.common-navi-style .navbar .navbar-toggler span::after {
  content: "\f106"; /* angle-up */
  font-family: FontAwesome;
  font-size: 1rem;
  padding: 0 0 0 0;
  margin: 0 0 0 0.5rem;
  position: absolute;
  top: 6px;
  right: -20;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(540deg);
          transform: rotate(540deg);
}
#local-navi.common-navi-style .navbar .navbar-toggler.collapsed span::after {
  top: 5px;
  right: -20;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#local-navi.common-navi-style .navbar .navbar-collapse {
  background: #fff;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
  font-size: 0.9rem;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right {
  padding-top: 0 !important;
  /* ローカルナビのボタン｜今すぐCADを評価するボタン */
  /* ローカルナビのボタン｜導入相談ボタン */
  /* ローカルナビのボタン｜見積依頼ボタン */
  /* ローカルナビのボタン｜サービスサイトへ */
  /* ローカルナビのボタン｜資料請求 */
  /* ローカルナビのボタン｜利用する */
  /* ローカルナビのボタン｜お問い合わせ */
  /* ローカルナビのボタン｜今すぐ購入 */
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right li {
  border: none !important;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn {
  margin: 4px 0px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-cad {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-cad span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-cad span::before {
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-cad:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-cad:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-assist {
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-assist:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-assist:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-calc {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-calc span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-calc span::before {
  content: "\f1ec";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-calc:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-calc:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-web {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-web span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-web span::before {
  content: "\f0ac";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-web:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-web:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-document {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-document span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-document span::before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-document:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-document:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-start {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-start span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-start span::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-start:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-start:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-mail {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-mail span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-mail span::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-mail:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-mail:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-store {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #0394ed;
  border-color: #0394ed;
  color: #fff;
  padding: 14px 18px 12px 20px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-store span {
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  text-align: center;
  display: inline-block;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-store span::before {
  content: "\f218";
  font-weight: 900;
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
}
#local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-store:hover, #local-navi.common-navi-style .navbar .navbar-collapse ul.navbar-nav.right .btn-store:focus {
  opacity: 1 !important;
  background-color: #0387d9;
  border-color: #0387d9;
}

/* =========================================================================== */
/* =========================================================================== */
/* width 992〜 */
@media (min-width: 992px) {
  #local-navi.common-navi-style .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #local-navi.common-navi-style .navbar-toggler {
    width: auto !important;
    pointer-events: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  #local-navi.common-navi-style .navbar-toggler span::after {
    content: "｜" !important;
    opacity: 0.5;
  }
  #local-navi.common-navi-style .navbar-toggler.no-separate span::after {
    content: none !important;
  }
  #local-navi.common-navi-style .navbar-collapse {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 0px 0px 20px !important; /* カテゴリ名とローカルナビの間の区切り線とのマージンを確保 */
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li {
    border: none;
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li a.nav-link {
    color: #fff;
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li a.nav-link:hover, #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li a.nav-link:focus {
    color: rgba(255, 255, 255, 0.5);
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li a.btn:hover, #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li a.btn:focus {
    color: white;
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav li.dropdown.show .dropdown-menu {
    position: absolute;
    top: 45px;
    border: 1px solid #ccc !important;
  }
  #local-navi.common-navi-style .navbar-collapse ul.navbar-nav.right .btn {
    margin: 0px 3px !important;
  }
}
/* width 1200〜 */
@media (min-width: 1200px) {
  #local-navi.common-navi-style .container-fluid, #local-navi.common-navi-style .container-sm, #local-navi.common-navi-style .container-md, #local-navi.common-navi-style .container-lg, #local-navi.common-navi-style .container-xl {
    width: 1315px;
    min-width: 1315px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #local-navi.common-navi-style .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: none;
  }
}
/* =================================================== Disabled */
/* ページがまだ無い場合は、Disabled */
body #local-navi a.navi-disabled {
  pointer-events: none !important; /* リンク無効 */
  background-color: #fff !important;
  color: #cccccc !important;
}
/* width 992〜 */
@media (min-width: 992px) {
  /* =================================================== テンプレート */
  body#temp #local-navi li.navi-temp a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#temp #local-navi li.navi-temp a.nav-link:hover, body#temp #local-navi li.navi-temp a.nav-link:focus {
    color: white;
  }
  /* =================================================== コンセプト */
  body#concept #local-navi li.navi-concept a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#concept #local-navi li.navi-concept a.nav-link:hover, body#concept #local-navi li.navi-concept a.nav-link:focus {
    color: white;
  }
  /* =================================================== 会社情報 */
  body#company #local-navi li.navi-company a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#company #local-navi li.navi-company a.nav-link:hover, body#company #local-navi li.navi-company a.nav-link:focus {
    color: white;
  }
  /* =================================================== パートナー */
  body#partner #local-navi li.navi-partner a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#partner #local-navi li.navi-partner a.nav-link:hover, body#partner #local-navi li.navi-partner a.nav-link:focus {
    color: white;
  }
  /* =================================================== 紹介キャンペーン */
  body#friends #local-navi li.navi-friends a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#friends #local-navi li.navi-friends a.nav-link:hover, body#friends #local-navi li.navi-friends a.nav-link:focus {
    color: white;
  }
  /* ===================================================  製品 > 製品概要 */
  body#product-top #local-navi li.navi-product-top a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#product-top #local-navi li.navi-product-top a.nav-link:hover, body#product-top #local-navi li.navi-product-top a.nav-link:focus {
    color: white;
  }
  /* ===================================================  製品 > 回路図 */
  body#schematic #local-navi li.navi-schematic a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#schematic #local-navi li.navi-schematic a.nav-link:hover, body#schematic #local-navi li.navi-schematic a.nav-link:focus {
    color: white;
  }
  /* ===================================================  製品 > PCB */
  body#pcb #local-navi li.navi-pcb a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#pcb #local-navi li.navi-pcb a.nav-link:hover, body#pcb #local-navi li.navi-pcb a.nav-link:focus {
    color: white;
  }
  /* ===================================================  製品 > Quadceptの特長 */
  body#cad-landing #local-navi li.navi-cad-landing a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#cad-landing #local-navi li.navi-cad-landing a.nav-link:hover, body#cad-landing #local-navi li.navi-cad-landing a.nav-link:focus {
    color: white;
  }
  /* ===================================================  Elefab */
  body#elefab #local-navi li.navi-elefab a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#elefab #local-navi li.navi-elefab a.nav-link:hover, body#elefab #local-navi li.navi-elefab a.nav-link:focus {
    color: white;
  }
  /* ===================================================  Share */
  body#share #local-navi li.navi-share a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#share #local-navi li.navi-share a.nav-link:hover, body#share #local-navi li.navi-share a.nav-link:focus {
    color: white;
  }
  /* ===================================================  NETCHANGER */
  body#netchanger #local-navi li.navi-netchanger a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#netchanger #local-navi li.navi-netchanger a.nav-link:hover, body#netchanger #local-navi li.navi-netchanger a.nav-link:focus {
    color: white;
  }
  /* ===================================================  NET CHANGER */
  body#netchanger #local-navi li.navi-netchanger a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#netchanger #local-navi li.navi-netchanger a.nav-link:hover, body#netchanger #local-navi li.navi-netchanger a.nav-link:focus {
    color: white;
  }
  /* =================================================== LTspice */
  body#simulation-ltspice #local-navi li.navi-function a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#simulation-ltspice #local-navi li.navi-function a.nav-link:hover, body#simulation-ltspice #local-navi li.navi-function a.nav-link:focus {
    color: white;
  }
  /* =================================================== デミタス */
  body#demitasnx #local-navi li.navi-function a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#demitasnx #local-navi li.navi-function a.nav-link:hover, body#demitasnx #local-navi li.navi-function a.nav-link:focus {
    color: white;
  }
  /* =================================================== API */
  body#api_v2 #local-navi li.navi-overview a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#api_v2 #local-navi li.navi-overview a.nav-link:hover, body#api_v2 #local-navi li.navi-overview a.nav-link:focus {
    color: white;
  }
  /* SmartZap */
  body#api-product #local-navi li.navi-product a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#api-product #local-navi li.navi-product a.nav-link:hover, body#api-product #local-navi li.navi-product a.nav-link:focus {
    color: white;
  }
  body#api-product #local-navi .dropdown-item.navi-smartzap {
    background-color: rgba(3, 148, 237, 0.12) !important;
    color: #0394ed !important;
  }
  body#api-product #local-navi .dropdown-item.navi-smartzap::before {
    color: #0394ed !important;
  }
  /* =================================================== 料金 > 料金体系 */
  body#price #local-navi li.navi-price a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#price #local-navi li.navi-price a.nav-link:hover, body#price #local-navi li.navi-price a.nav-link:focus {
    color: white;
  }
  /* =================================================== 料金 > 支払方法 */
  body#payment #local-navi li.navi-payment a.nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
  }
  body#payment #local-navi li.navi-payment a.nav-link:hover, body#payment #local-navi li.navi-payment a.nav-link:focus {
    color: white;
  }
}
/* ナビゲーションの高さ分、余白をとる */
body {
  padding-top: 97px;
}
body.no-local-navi {
  padding-top: 50px;
}

#header.scroll-down #global-navi {
  position: fixed;
  z-index: 800;
  width: 100%;
  top: -50px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header.scroll-down #local-navi {
  position: fixed;
  z-index: 700;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#header.scroll-up #global-navi {
  position: fixed;
  z-index: 800;
  width: 100%;
  top: 0px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header.scroll-up #local-navi {
  position: fixed;
  z-index: 700;
  width: 100%;
  top: 50px;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/* width 992〜 */
@media (min-width: 992px) {
  /* ナビゲーションの高さ分、余白をとる */
  body {
    padding-top: 180px;
  }
  body.no-local-navi {
    padding-top: 111px;
  }
  #header.scroll-down {
    background: #eee;
  }
  #header.scroll-down #global-navi {
    position: fixed;
    z-index: 800;
    width: 100%;
    top: -111px;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #header.scroll-down #local-navi {
    position: fixed;
    z-index: 700;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  #header.scroll-up {
    background: #ccc;
  }
  #header.scroll-up #global-navi {
    position: fixed;
    z-index: 800;
    width: 100%;
    top: 0px;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #header.scroll-up #local-navi {
    position: fixed;
    z-index: 700;
    width: 100%;
    top: 111px;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}
#header-bar {
  width: 100%;
  height: 25px;
  display: block;
  background: #0394ed;
}
#header-bar .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#header-bar .container-xl a {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
#header-bar .container-xl span {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: 14px;
}
#footer {
  padding: 0 0 0 0;
  padding-bottom: 90px;
  margin: 0 0 0 0;
  background-color: #0E222C;
  padding-bottom: 90px;
}
#footer a, #footer span, #footer p, #footer li {
  color: #fff;
  color: #8D98A0;
  font-size: 0.85rem;
  text-decoration: none;
}
#footer a:hover,
#footer a:focus {
  color: #b7cad6;
}
#footer ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}
#footer .breadcrumb {
  background: none;
  border-radius: 0;
  padding: 1.5rem 0 1.6rem 0;
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#footer .breadcrumb ul li {
  line-height: 1.6;
}
#footer .breadcrumb ul li::before {
  content: "›";
  font-weight: 400;
  color: #8D98A0;
  padding-left: 0.8em;
  padding-right: 0.9em;
}
#footer .breadcrumb ul li:nth-of-type(1)::before {
  content: "\f015";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 0.85em;
  padding-left: 0em;
  padding-right: 0.5em;
  color: #8D98A0;
}
#footer .footer-navi {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#footer .footer-navi dl {
  border-top: 1px solid #2A3840;
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
}
#footer .footer-navi dl dt a {
  color: #ffffff;
  pointer-events: auto; /* desktop=none */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .footer-navi dl dt a .icon-plus-minus {
  padding: 0 0 0 0;
  margin: 0 5px 0 0;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  background: none;
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  will-change: transform;
}
#footer .footer-navi dl dt a .icon-plus-minus__bg {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: none;
}
#footer .footer-navi dl dt a .icon-plus-minus__object {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  width: 10px;
  height: 2px;
  background-color: #fff;
}
#footer .footer-navi dl dt a .icon-plus-minus__object .icon-plus-minus__object::before {
  opacity: 0;
}
#footer .footer-navi dl dt a.collapsed {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: all 5551s !important;
  transition: all 5551s !important;
}
#footer .footer-navi dl dt a.collapsed .icon-plus-minus {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
#footer .footer-navi dl dt a.collapsed .icon-plus-minus .icon-plus-minus__object::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 2px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
  will-change: opacity;
}
#footer .footer-navi dl dd {
  margin: 0 0 0 0;
}
#footer .footer-navi dl dd ul {
  margin: 20px 28px 10px 28px;
}
#footer .footer-navi dl dd ul li {
  margin: 15px 0;
}
#footer .footer-navi dl dd ul li a {
  font-size: 0.8rem;
  display: block;
}
#footer .utility {
  border-top: 1px solid #2A3840;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: wrap;
          flex-direction: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0 20px 0;
  margin: 0 0 0 0;
  /* 言語設定のドロップダウン */
  /* アイコン：言語切り替え */
  /* ソーシャルボタン */
  /* アイコン：YouTube */
  /* アイコン：Twitter */
  /* アイコン：Facebook */
  /* ポリシーリンク（サイトポリシー、プラポリ、利用規約） */
  /* copyright */
}
#footer .utility .language {
  padding: 10px 0;
  margin-right: 30px;
}
#footer .utility .language .dropdown-toggle::after {
  content: none;
}
#footer .utility .language .dropdown-menu {
  background: #000;
  padding: 0px 15px 0px 15px;
  border: 2px solid #5c5c5c;
}
#footer .utility .language .dropdown-menu ul {
  margin: 0;
  padding: 0;
}
#footer .utility .language .dropdown-menu ul li {
  margin: 0px;
  padding: 15px 5px;
  border-top: 1px dashed rgba(204, 204, 204, 0.3);
}
#footer .utility .language .dropdown-menu ul li:nth-of-type(1) {
  border-top: none;
}
#footer .utility .language .dropdown-menu ul li a {
  margin: 0;
  padding: 0;
  display: block;
}
#footer .utility .icon-lang {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
#footer .utility .icon-lang::before {
  /* FontAwesomeで表現する場合  */
  content: "\f0ac";
  font-size: 0.85rem;
  font-family: FontAwesome;
  font-weight: 900;
  padding-right: 5px;
}
#footer .utility ul.social {
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
#footer .utility ul.social li {
  margin-right: 30px;
}
#footer .utility ul.social li a::before {
  font-size: 1.1rem;
  font-family: FontAwesome;
  font-weight: 900;
  padding-right: 5px;
}
#footer .utility .icon-youtube::before {
  content: "\f167";
}
#footer .utility .icon-twitter::before {
  content: "\e61b";
}
#footer .utility .icon-facebook::before {
  content: "\f39e";
}
#footer .utility ul.policy-navi {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 利用規約 */
}
#footer .utility ul.policy-navi li {
  display: inline-block;
}
#footer .utility ul.policy-navi li::after {
  content: "/";
  font-size: 11px;
  padding: 0 10px;
}
#footer .utility ul.policy-navi li a {
  font-size: 12px;
}
#footer .utility ul.policy-navi .terms {
  padding: 0px;
  margin: 0px;
}
#footer .utility ul.policy-navi .terms .dropdown-toggle::after {
  content: none;
}
#footer .utility ul.policy-navi .terms .dropdown-menu {
  background: #000;
  padding: 0px 15px 0px 15px;
  border: 2px solid #5c5c5c;
}
#footer .utility ul.policy-navi .terms .dropdown-menu ul {
  margin: 0;
  padding: 0;
}
#footer .utility ul.policy-navi .terms .dropdown-menu ul li {
  width: 134px;
  display: block;
  margin: 0px;
  padding: 15px 5px;
  border-top: 1px dashed rgba(204, 204, 204, 0.3);
}
#footer .utility ul.policy-navi .terms .dropdown-menu ul li:nth-of-type(1) {
  border-top: none;
}
#footer .utility ul.policy-navi .terms .dropdown-menu ul li a {
  margin: 0;
  padding: 0;
  display: block;
}
#footer .utility ul.policy-navi .terms .dropdown-menu ul li::after {
  display: none;
}
#footer .utility ul.copyright {
  padding: 10px 0;
}
#footer .utility ul.copyright li span {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
#footer .utility ul.copyright::after {
  content: none;
}

/* =========================================================================== */
/* =========================================================================== */
#footer {
  /* 992〜 */
}
@media (min-width: 992px) {
  #footer .breadcrumb {
    border-bottom: 1px solid #2A3840;
    margin-bottom: 10px;
  }
  #footer #accordion_id-footer-navi {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
  }
  #footer .footer-navi dl {
    border: none !important;
  }
  #footer .footer-navi dl dt a {
    pointer-events: none;
  }
  #footer .footer-navi dl dt a .icon-plus-minus {
    display: none;
  }
  #footer .footer-navi dl dd.collapse {
    display: block;
  }
  #footer .footer-navi dl dd ul {
    margin: 1rem 0 0 0;
  }
  #footer .utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
    /* ポリシーリンク */
    /* copyright */
  }
  #footer .utility ul.policy-navi {
    margin-left: auto;
  }
  #footer .utility ul.copyright {
    margin-left: 20px;
  }
}

/* =========================================================================== */
/* =========================================================================== */
#footer {
  /* 1200〜 */
}
@media (min-width: 1200px) {
  #footer .container-fluid, #footer .container-sm, #footer .container-md, #footer .container-lg, #footer .container-xl {
    width: 1200px;
    min-width: 1200px;
    padding-left: 0;
    padding-right: 0px;
  }
  #footer .footer-navi {
    padding-left: 20px;
    padding-right: 40px;
  }
}

/* =========================================================================== END */
#footer-contents {
  background: #0394ed;
  margin: 0 auto 0 auto;
  padding: 60px 0 50px 0;
}
#footer-contents .container-xl {
  position: relative;
}
#footer-contents h2.footer-contents-title {
  display: block;
  width: 100%;
  height: 27px;
  padding: 0 0 0 0;
  margin: 0 auto 0 auto;
  background: url(/ja/img/footer-contents/footer-contents-title.svg) no-repeat center center;
  background-size: contain;
}
#footer-contents .btn-wrap {
  padding: 15px 0 0 0;
  text-align: center;
}
#footer-contents .btn-wrap a.btn-download-footer {
  width: 100%;
  height: 60px;
  margin: 0 auto 0;
  background: url(/ja/img/common/footer-conversion-btn.svg) no-repeat center top;
  background-size: contain;
  display: inline-block;
}
#footer-contents .btn-wrap .btn-download-footer-caption a {
  color: #fff;
  font-weight: 400;
  display: block;
  padding: 13px 10px 0px 9px;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 1;
}
#footer-contents .footer-banner-wrap {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer-contents .footer-banner-wrap .banner {
  display: block;
  width: 50%;
}
#footer-contents .footer-banner-wrap .banner a {
  margin: 5px;
  display: block;
  background: #fff;
  padding: 20px 0 25px 0;
  border-radius: 5px;
  text-decoration: none;
}
#footer-contents .footer-banner-wrap .banner a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer-contents .footer-banner-wrap .banner a dl dt img {
  display: block;
}
#footer-contents .footer-banner-wrap .banner a dl dd {
  margin: 4px 0 0 0;
  padding: 0 0 0 0;
}
#footer-contents .footer-banner-wrap .banner a dl dd.name {
  color: #0394ed;
  font-weight: 500;
  letter-spacing: 1px;
}
#footer-contents .footer-banner-wrap .banner a dl dd.description {
  color: #0394ed;
  font-weight: 400;
  padding: 10px 20px;
  font-size: 0.8rem;
  line-height: 1.6;
  display: block;
  width: 100%;
}
#footer-contents .footer-banner-wrap .banner.faq dl dt {
  width: 100%;
  height: 52px;
  background: url(/ja/img/footer-contents/footer-contents-icon-faq.svg) no-repeat center center;
  background-size: 52px 52px;
}
#footer-contents .footer-banner-wrap .banner.support dl dt {
  width: 100%;
  height: 52px;
  background: url(/ja/img/footer-contents/footer-contents-icon-support.svg) no-repeat center center;
  background-size: 52px 52px;
}
#footer-contents .footer-banner-wrap .banner.seminar dl dt {
  width: 100%;
  height: 52px;
  background: url(/ja/img/footer-contents/footer-contents-icon-seminar.svg) no-repeat center center;
  background-size: 52px 52px;
}
#footer-contents .footer-banner-wrap .banner.cafe dl dt {
  width: 100%;
  height: 52px;
  background: url(/ja/img/footer-contents/footer-contents-icon-cafe.svg) no-repeat center center;
  background-size: 52px 52px;
}

/* =========================================================================== */
@media (min-width: 576px) {
  #footer-contents h2.footer-contents-title {
    display: block;
    width: 100%;
    height: 27px;
    height: 35px;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    background: url(/ja/img/footer-contents/footer-contents-title.svg) no-repeat center center;
    background-size: contain;
  }
  #footer-contents .btn-wrap {
    text-align: center;
  }
  #footer-contents .btn-wrap a.btn-trial {
    margin: 20px 0 0 0;
    display: block;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 400;
  }
}

/* =========================================================================== */
@media (min-width: 768px) {
  #footer-contents .footer-banner-wrap {
    margin-top: 30px;
  }
  #footer-contents .footer-banner-wrap .banner {
    display: block;
    width: 50%;
  }
  #footer-contents .footer-banner-wrap .banner a dl .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 190px;
  }
  #footer-contents .footer-banner-wrap .banner a dl dt {
    width: 57px !important;
  }
  #footer-contents .footer-banner-wrap .banner a dl dd.name {
    width: auto !important;
    padding-left: 15px;
  }
  #footer-contents .footer-banner-wrap .banner a dl dd.description {
    display: block;
    width: 100%;
  }
}

/* =========================================================================== */
@media (min-width: 992px) {
  #footer-contents img.bg-graphic {
    display: block;
    position: absolute;
    width: 240px;
    height: auto;
    top: -40px;
    left: 20px;
    z-index: 0;
  }
  #footer-contents h2.footer-contents-title {
    height: 45px;
  }
  #footer-contents .btn-wrap {
    text-align: center;
    padding: 20px 0 0 0;
  }
  #footer-contents a.btn-download-footer {
    width: 460px !important;
    height: 75px !important;
    margin: 0 auto 0;
    background: url(/ja/img/common/footer-conversion-btn.svg) no-repeat center top;
    background-size: contain;
    display: inline-block;
  }
  #footer-contents .footer-banner-wrap {
    margin-top: 50px;
  }
  #footer-contents .footer-banner-wrap .banner {
    display: block;
    width: 25%;
  }
}

/* =========================================================================== */
@media (min-width: 1200px) {
  #footer-contents {
    padding: 80px 0 50px 0;
  }
  #footer-contents img.bg-graphic {
    display: block;
    position: absolute;
    width: 220px;
    height: auto;
    top: -35px;
    left: 50px;
    z-index: 0;
  }
  #footer-contents h2.footer-contents-title {
    height: 50px;
  }
  #footer-contents .btn-wrap {
    text-align: center;
    padding: 18px 0 0 0;
  }
  #footer-contents a.btn-download-footer {
    width: 460px !important;
    height: 90px !important;
    margin: 0 auto 0;
    background: url(/ja/img/common/footer-conversion-btn.svg) no-repeat center top;
    background-size: contain;
    display: inline-block;
  }
  #footer-contents a.btn-download-footer:hover {
    position: relative;
    top: -1px;
  }
  #footer-contents a.btn-download-footer:active {
    top: 0px;
  }
  #footer-contents .btn-download-footer-caption a {
    padding: 15px 10px 0px 9px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
}

/* =========================================================================== END */
#footer-contents-v2 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#footer-contents-v2 #footer-force-contents {
  background-color: #0494ed;
}
#footer-contents-v2 #cta-area {
  background: #0264c6;
  text-align: center;
  padding: 70px 0 75px;
}
#footer-contents-v2 #cta-area h2.footer-contents-title {
  margin-bottom: 55px;
}
#footer-contents-v2 #cta-area h2.footer-contents-title img {
  height: 40px;
  max-width: 100%;
}
@media screen and (max-width: 780px) {
  #footer-contents-v2 #cta-area {
    padding: clamp(30px, 8.9743589744vw, 70px) 0 clamp(35px, 9.6153846154vw, 75px);
  }
}
#footer-contents-v2 #cta-area * {
  font-family: "M PLUS 1", sans-serif;
}
#footer-contents-v2 #cta-area .row {
  margin: 0;
  gap: 20px;
}
@media screen and (max-width: 780px) {
  #footer-contents-v2 #cta-area .row {
    gap: 40px;
  }
}
#footer-contents-v2 #cta-area .row .col3-1 {
  max-width: calc((100% - 40px) / 3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 780px) {
  #footer-contents-v2 #cta-area .row .col3-1 {
    max-width: 100%;
  }
  #footer-contents-v2 #cta-area .row .col3-1:not(:last-of-type) {
    border-bottom: 1px solid #77c0ea;
    padding-bottom: 40px;
  }
}
#footer-contents-v2 #cta-area .row .col3-1 h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 25px;
}
#footer-contents-v2 #cta-area .row .col3-1 figure {
  margin-bottom: 20px;
}
#footer-contents-v2 #cta-area .row .col3-1 p {
  font-size: 0.875rem;
  color: #dbedff;
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  #footer-contents-v2 #cta-area .row .col3-1 p br {
    display: none;
  }
}
#footer-contents-v2 #cta-area .row .col3-1 p span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
}
#footer-contents-v2 #cta-area .row .col3-1 a.btn {
  background-color: #f3de0e;
  font-size: 1rem;
  letter-spacing: 0.1em;
  border-radius: 25vw;
  font-weight: bold;
  max-width: 240px;
  width: 100%;
  padding: 0.625rem;
  -webkit-box-shadow: 0px 1px 0px 1px #af9e20;
          box-shadow: 0px 1px 0px 1px #af9e20;
  margin-top: auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  will-change: filter;
}
#footer-contents-v2 #cta-area .row .col3-1 a.btn:hover {
  -webkit-filter: contrast(200%);
          filter: contrast(200%);
}
#footer-contents-v2 #support-area {
  background: #101c24;
  text-align: center;
  padding: 50px 0;
}
#footer-contents-v2 #support-area .row {
  margin: 0;
  gap: 50px 10px;
}
#footer-contents-v2 #support-area .row .col3-1 {
  max-width: calc((100% - 20px) / 3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 780px) {
  #footer-contents-v2 #support-area .row .col3-1 {
    max-width: 100%;
  }
}
#footer-contents-v2 #support-area .row .col3-1 a {
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 5px;
  display: block;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 10px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
#footer-contents-v2 #support-area .row .col3-1 a:hover {
  background-color: #ffffff;
  color: #101c24;
}
#footer-contents-v2 #support-area .row .col3-1 a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
}
@media screen and (max-width: 780px) {
  #footer-contents-v2 #support-area .row .col3-1 a span {
    font-size: 1.25rem;
  }
}
#footer-contents-v2 #support-area .row .col3-1 a span::before {
  content: "";
  width: 52px;
  height: 52px;
  display: block;
  margin-right: 20px;
}
#footer-contents-v2 #support-area .row .col3-1 p {
  font-size: 0.8125rem;
  text-align: justify;
  color: #cfd2d3;
  font-weight: 400;
  padding: 0 10px;
  margin-bottom: 0;
  letter-spacing: 0.075rem;
}
#footer-contents-v2 #support-area .row .support-links-01 a span::before {
  background: url("../img/footer-contents/v2-footer-contents-icon-faq.svg") no-repeat center center/cover;
}
#footer-contents-v2 #support-area .row .support-links-02 a span::before {
  background: url("../img/footer-contents/v2-footer-contents-icon-manual.svg") no-repeat center center/cover;
}
#footer-contents-v2 #support-area .row .support-links-03 a span::before {
  background: url("../img/footer-contents/v2-footer-contents-icon-inquiry.svg") no-repeat center center/cover;
}
#footer-contents-v2 #support-area .row .support-links-03 a:hover span::before {
  background: url("../img/footer-contents/v2-footer-contents-icon-inquiry-k.svg") no-repeat center center/cover;
}

a.pagetop {
  width: 50px;
  height: 50px;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  position: fixed;
  bottom: 12px;
  right: 20px;
  color: #26404e;
  display: none;
}
a.pagetop::before {
  content: "\f106";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 25px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -51%);
          transform: translate(-50%, -51%);
}
a.pagetop:hover, a.pagetop:focus {
  background: white;
  text-decoration: none;
}

/* =========================================================================== END */
body#sitetop-v11-release-before,
body#sitetop-v11-release,
body#sitetop-v11-release-after,
body#sitetop {
  /* =========================================================================== ⭐️ Mobile */
  /* =========================================================================== ⭐️ 992〜 */
  /* =========================================================================== ⭐️ 1200〜 */
  /* =========================================================================== END */
}
@media (min-width: 1px) {
  body#sitetop-v11-release-before #slider-logos,
  body#sitetop-v11-release #slider-logos,
  body#sitetop-v11-release-after #slider-logos,
  body#sitetop #slider-logos {
    overflow: hidden;
    padding: 15px 0 15px 0 !important;
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
  }
  body#sitetop-v11-release-before #slider-logos ul,
  body#sitetop-v11-release #slider-logos ul,
  body#sitetop-v11-release-after #slider-logos ul,
  body#sitetop #slider-logos ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
  }
  body#sitetop-v11-release-before #slider-logos ul li,
  body#sitetop-v11-release #slider-logos ul li,
  body#sitetop-v11-release-after #slider-logos ul li,
  body#sitetop #slider-logos ul li {
    margin: 0 70px;
    padding: 0 0 0 0;
  }
}
/* 導入ロゴスライダー */
body#sitetop {
  /* =========================================================================== ⭐️ Hero（動画） */
  /* =========================================================================== ⭐️ Hero（キャッチ） */
  /* =========================================================================== ⭐️ プロダクト */
  /* =========================================================================== ⭐️ 導入事例 */
  /***************************
    .case-common.scss に記述
  ***************************/
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== メインプロダクト */
  /* =========================================================================== 導入ロゴスライダー */
  /* =========================================================================== 目的 */
  /* =========================================================================== 新着情報 */
  /* =========================================================================== バナー */
}
body#sitetop #main {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 3.125rem;
}
@media (min-width: 576px) {
  body#sitetop #main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#sitetop #main {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  body#sitetop #main {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#sitetop #main {
    padding-bottom: 6.25rem;
  }
}
body#sitetop section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
@media (min-width: 576px) {
  body#sitetop section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#sitetop section {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  body#sitetop section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body#sitetop section {
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
}
body#sitetop #hero {
  width: 100%;
  background: #4d4a4a;
}
body#sitetop #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
  height: 500px;
}
body#sitetop #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/sitetop/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#sitetop #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#sitetop #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#sitetop #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#sitetop #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#sitetop #hero .catch-wrap .catch {
  margin-bottom: 0px;
}
body#sitetop #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop #hero dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 22px;
  text-align: center;
}
body#sitetop #hero dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#sitetop #hero dl dd p {
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#sitetop #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#sitetop #hero dl dd p {
    text-align: center;
  }
}
body#sitetop #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#sitetop #hero .btn-wrap .btn {
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 50px;
  border-radius: 100px !important;
}
body#sitetop #hero .btn-wrap .btn span {
  font-weight: 500;
}
@media (max-width: 430px) {
  body#sitetop #hero .btn-wrap .btn {
    width: 80%;
  }
}
body#sitetop #hero-banner {
  margin-top: 0px;
  position: relative;
  text-align: center;
}
body#sitetop #hero-banner a {
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 120px;
  background: url(/ja/img/sitetop/hero-banner-automotiveworld-nagoya@2x.png) no-repeat center center;
  background-size: contain;
}
body#sitetop #hero-banner a:hover {
  opacity: 0.8;
}
body#sitetop #cad {
  background: #000;
  padding: 0;
}
body#sitetop #cad section.products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#sitetop #cad section.products .box-description {
  margin-top: 40px;
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #ffffff;
}
body#sitetop #cad section.products .box-description dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop #cad section.products .box-description dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop #cad section.products .box-description dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
}
body#sitetop #cad section.products .box-description dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop #cad section.products .box-description dl dd h2 img {
  width: 80%;
}
body#sitetop #cad section.products .box-description dl dd p {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 21px;
  text-align: center;
}
body#sitetop #cad section.products .box-description .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
body#sitetop #cad section.products .box-description .btn-wrap a.btn {
  padding-top: 14px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
body#sitetop #cad section.products .img-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  body#sitetop #cad section.products .box-description {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#sitetop #cad section.products {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop #cad section.products .box-description {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  body#sitetop #cad section.products .box-description dl {
    text-align: left;
  }
  body#sitetop #cad section.products .box-description dl dd p {
    text-align: left;
  }
  body#sitetop #cad section.products .box-description .btn-wrap {
    text-align: left;
    margin-top: 30px;
  }
  body#sitetop #cad section.products .img-wrap {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    position: relative;
  }
  body#sitetop #cad section.products .img-wrap img {
    position: relative;
    z-index: 10;
    max-width: 400px;
  }
}
body#sitetop #cad section.products.pcb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  body#sitetop #cad section.products.schematic {
    padding-top: 100px;
  }
  body#sitetop #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  body#sitetop #cad section.products h2 img {
    display: block;
    width: auto !important;
    height: 40px;
  }
  body#sitetop #cad section.products dd p {
    margin-top: 10px !important;
    font-size: 0.95rem !important;
    color: #ccc;
  }
  body#sitetop #cad section.products .btn-wrap {
    margin-top: 20px !important;
  }
  body#sitetop #cad section.products .btn-wrap a {
    padding: 8px 30px !important;
    border-radius: 100px;
  }
  body#sitetop #cad section.products.schematic .box-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop #cad section.products.pcb {
    padding-bottom: 120px;
  }
  body#sitetop #cad section.products.pcb .box-description {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  body#sitetop #cad section.products .img-wrap img {
    max-width: 350px;
  }
  body#sitetop #cad section.products .box-description {
    width: 47%;
  }
  body#sitetop #cad section.products.schematic {
    padding-top: 80px;
  }
  body#sitetop #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  body#sitetop #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
body#sitetop #cad #hero-banner a {
  padding: 20px;
  border: 5px solid #676767;
  margin: 0px auto 80px;
}
body#sitetop #case {
  background-color: #fff;
}
body#sitetop #case #case-list {
  padding: 0 0 0 0;
}
body#sitetop #hero-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
body#sitetop #hero-banner img {
  width: 840px;
  height: 300px;
  display: block;
}
body#sitetop #main-products {
  background-color: #111;
  padding: 80px 0 80px;
}
body#sitetop #main-products h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop #main-products h2 img {
  max-width: 370px;
  max-height: 32px;
  display: block;
  margin: 0 auto;
}
body#sitetop #main-products .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop #main-products .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop #main-products .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 1.3rem;
}
body#sitetop #main-products .layout dl dd {
  text-align: left;
}
body#sitetop #main-products .layout dl dd.name {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  color: #fff !important;
}
body#sitetop #main-products .layout dl dd.description {
  padding-top: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 0.85rem;
  line-height: 1.6;
  letter-spacing: 1.1px;
}
body#sitetop #main-products .layout dl dd.main-btn {
  padding-top: 0.7rem;
  text-align: center;
}
body#sitetop #main-products .layout dl dd.main-btn span {
  display: block;
  padding: 0.6rem 1.1rem 0.65rem;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  border-radius: 200px;
  line-height: 1;
  border: 1px solid #555;
}
body#sitetop #main-products .layout a {
  text-decoration: none;
}
body#sitetop #main-products .layout a img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: -webkit-filter 0.6s ease;
  transition: -webkit-filter 0.6s ease;
  transition: filter 0.6s ease;
  transition: filter 0.6s ease, -webkit-filter 0.6s ease;
}
body#sitetop #main-products .layout a .main-btn span {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#sitetop #main-products .layout a:hover img, body#sitetop #main-products .layout a:focus img {
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}
body#sitetop #main-products .layout a:hover .description, body#sitetop #main-products .layout a:focus .description {
  color: #fff;
  text-decoration: none;
}
body#sitetop #main-products .layout a:hover .main-btn span, body#sitetop #main-products .layout a:focus .main-btn span {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 670px) {
  body#sitetop #main-products .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop #main-products .layout {
    width: 1000px;
  }
}
body#sitetop #slider-logos .slider-logos-wrap img {
  height: 90px;
}
body#sitetop #purpose {
  padding: 80px 0 80px;
}
body#sitetop #purpose h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop #purpose h2 img {
  max-width: 375px;
  max-height: 45px;
  display: block;
  margin: 0 auto;
}
body#sitetop #purpose .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop #purpose .layout a {
  color: #222;
}
body#sitetop #purpose .layout a:hover, body#sitetop #purpose .layout a:focus {
  text-decoration: none;
  color: #0394ed;
}
body#sitetop #purpose .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop #purpose .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
body#sitetop #purpose .layout dl dd {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  text-align: left;
}
@media (min-width: 670px) {
  body#sitetop #purpose .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop #purpose .layout {
    width: 1000px;
  }
}
body#sitetop #information .h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  body#sitetop #information .h2 {
    font-size: 1.25rem;
    font-weight: 400;
  }
}
body#sitetop #information .news-wrap {
  margin-bottom: 60px;
}
body#sitetop #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#sitetop #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#sitetop #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#sitetop #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#sitetop #information dd.category {
  width: 50%;
  text-align: right;
}
body#sitetop #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#sitetop #information dd.category.seminar span {
  background: #73C392;
}
body#sitetop #information dd.category.info span {
  background: #96B3E2;
}
body#sitetop #information dd.category.event span {
  background: #EAC188;
}
body#sitetop #information dd.category.important span {
  background: #DE9494;
}
body#sitetop #information dd.category.release span {
  background: #64bdd8;
}
body#sitetop #information dd.category.undefined span {
  background: #94d7de;
}
body#sitetop #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#sitetop #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#sitetop #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#sitetop #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#sitetop #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#sitetop #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#sitetop #information dt {
    width: 90px;
  }
  body#sitetop #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#sitetop #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}
body#sitetop #banners ul {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
body#sitetop #banners ul li {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}
body#sitetop #banners ul li a {
  width: inherit;
  height: inherit;
  display: block;
}
body#sitetop #banners ul li a img.img-thumbnail {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  body#sitetop #banners {
    padding-top: 4.375rem;
  }
  body#sitetop #banners ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  body#sitetop #banners ul li {
    width: calc(33.3333333333% - 5px);
    margin: 0;
  }
  body#sitetop #banners ul li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body#sitetop #banners {
    padding-top: 5.625rem;
  }
}

body#sitetop.sitetop_v2 {
  -webkit-animation: FadeIn 1.5s forwards ease-out;
          animation: FadeIn 1.5s forwards ease-out;
  /* =========================================================================== ⭐️ Hero */
  /* =========================================================================== ⭐️ 導入ロゴスライダー */
  /* =========================================================================== ⭐️ メインプロダクト */
  /* =========================================================================== ⭐️ プロダクト一覧 */
  /* =========================================================================== ⭐️ 成功事例 */
  /* =========================================================================== 新着情報 */
  /* =========================================================================== バナー */
}
@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body#sitetop.sitetop_v2 #main {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*     @include media-breakpoint-up(sm) {
    padding-bottom: calc(60rem / 16);
  }

  @include media-breakpoint-up(md) {
    padding-bottom: calc(80rem / 16);
  }

  @include media-breakpoint-up(lg) {
    padding-bottom: calc(100rem / 16);
  }

  @include media-breakpoint-up(xl) {
    padding-bottom: calc(100rem / 16);
  } */
}
body#sitetop.sitetop_v2 #main * {
  font-family: "M PLUS 1", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
body#sitetop.sitetop_v2 section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
@media (min-width: 576px) {
  body#sitetop.sitetop_v2 section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#sitetop.sitetop_v2 section {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  body#sitetop.sitetop_v2 section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body#sitetop.sitetop_v2 section {
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
}
body#sitetop.sitetop_v2 #hero_v2 {
  width: 100%;
  background: #ffffff;
  position: relative;
  overflow: inherit;
  margin-bottom: 45px;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 {
    margin-bottom: 0;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 {
  font-size: 60px;
  font-weight: 800;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 1;
  padding-top: 70px;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 {
    font-size: min(3.125vw, 60px);
    padding-top: min(3.6458333333vw, 70px);
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 {
    font-size: 3.5714285714vw;
    padding-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 {
    font-size: 4.6875vw;
    padding-top: 5.46875vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 {
    font-size: 7.6923076923vw;
    padding-top: 8.9743589744vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span {
  font-size: 36px;
  font-weight: bold;
  display: block;
  margin-top: 20px;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span {
    font-size: min(1.875vw, 36px);
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span {
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span {
    line-height: 1.2;
    font-size: 4.6153846154vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap h2 span br {
    display: none;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero {
  color: #1f1f1f;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(../img/sitetop/2025-hero-bg.png) no-repeat center center/cover;
  padding-top: 240px;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero {
    padding-top: min(12.5vw, 240px);
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero {
    padding-top: 14.2857142857vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero {
    padding-top: 18.75vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding-top: 30.7692307692vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch {
  margin-bottom: 0px;
  width: 50%;
  position: relative;
  padding: 70px 0 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch {
    width: 100%;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .catchInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad::before {
  content: "";
  background: url(../img/sitetop/2025-hero-cad-bg-icon.png) no-repeat left top/contain;
  width: min(35.9895833333vw, 691px);
  height: min(28.0208333333vw, 538px);
  display: block;
  position: absolute;
  top: -205px;
  opacity: 0.7;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad::before {
    width: 62.8181818182vw;
    height: 48.9090909091vw;
    opacity: 0.6;
    top: -26.2820512821vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .textArea {
  margin-left: auto;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .imgArea {
  background: url(../img/sitetop/2025-hero-cad-figure-bg.png) no-repeat left top/contain;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .imgArea {
    background-size: cover;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .imgArea figure {
  margin-left: auto;
  text-align: center;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .imgArea figure img {
  width: min(25vw, 480px);
  height: min(17.1875vw, 330px);
  width: 25vw;
  height: 17.1875vw;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .imgArea figure img {
    right: 0;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.cad .btn-wrap {
  margin: 10px 0 0 auto;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force::before {
  content: "";
  background: url(../img/sitetop/2025-hero-force-bg-icon.png) no-repeat right top/contain;
  width: min(24.8958333333vw, 478px);
  height: min(32.7604166667vw, 629px);
  display: block;
  position: absolute;
  top: -230px;
  right: 0;
  opacity: 0.7;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force::before {
    width: 43.4545454545vw;
    height: 57.1818181818vw;
    opacity: 0.6;
    top: -29.4871794872vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .imgArea {
  background: url(../img/sitetop/2025-hero-force-figure-bg.png) no-repeat left top/contain;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .imgArea {
    background-size: cover;
    background-position: top right;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .imgArea figure {
  margin-right: auto;
  text-align: center;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .imgArea figure img {
  width: min(26.6145833333vw, 511px);
  height: min(17.6041666667vw, 338px);
  width: 26.6145833333vw;
  height: 17.6041666667vw;
  left: 15px;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .imgArea figure img {
    left: 0;
  }
}
@media screen and (min-width: 1051px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .textArea h3 {
    white-space: pre;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch.force .btn-wrap {
  margin: 10px auto 0 0;
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea {
  max-width: 33.3333333333vw;
  width: 100%;
  text-align: center;
  z-index: 1;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea {
    max-width: 100%;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea {
    margin: 50px 0 30px;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 {
  font-size: 42px;
  margin-bottom: min(1.8229166667vw, 35px);
  font-weight: 800;
  line-height: 1.2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 {
    font-size: 2.1875vw;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 {
    font-size: 3.28125vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 {
    font-size: 7.6923076923vw;
    margin-bottom: 0;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 span {
  font-size: 32px;
  font-weight: bold;
  display: block;
  line-height: 1;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 span {
    font-size: 1.9047619048vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 span {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 span {
    font-size: 6.1538461538vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 em {
  font-size: 48px;
  font-style: normal;
}
@media screen and (min-width: 1921px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 em {
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 em {
    font-size: 2.380952381vw;
  }
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 em {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h3 em {
    font-size: 8.2051282051vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea p {
  font-size: 18px;
  line-height: 1.7222222222;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 781px) and (max-width: 1100px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 {
    font-size: 4.3636363636vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 span {
    font-size: 3.3636363636vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 em {
    font-size: 5vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea p br {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 {
    font-size: 8.347826087vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 span {
    font-size: 6.4347826087vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea h2 em {
    font-size: 9.5652173913vw;
  }
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .textArea p br {
    display: none;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea {
  width: 100%;
  aspect-ratio: 960/363;
  height: 18.90625vw;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea {
    height: 100%;
    aspect-ratio: inherit;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea figure {
  max-width: 33.3333333333vw;
  margin: 0;
}
@media screen and (max-width: 1440px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea figure {
    max-width: 100%;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea figure {
    text-align: center !important;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea figure img {
  z-index: 1;
  position: relative;
  max-width: 100%;
  top: 25px;
  top: 1.3020833333vw;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .catch-wrap .slideSiteTopHero .catch .imgArea figure img {
    width: auto !important;
    height: auto !important;
    top: 30px;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .btn-wrap {
  margin: 10px auto 0 auto;
  text-align: center;
  position: relative;
  max-width: 33.3333333333vw;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  body#sitetop.sitetop_v2 #hero_v2 .btn-wrap {
    max-width: 100%;
  }
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .btn-wrap {
    margin: 40px auto 0 auto;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn {
  padding: 15px 30px;
  border-radius: 100px !important;
  max-width: 380px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto 12px;
  z-index: 1;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn {
    position: relative;
    padding: 15px 3.8461538462vw;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn span {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 380px) {
  body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn span {
    line-height: 1.2;
  }
}
body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn.btn-primary {
  background-color: #dd2928;
  border-color: #dd2928;
}
body#sitetop.sitetop_v2 #hero_v2 .btn-wrap .btn.btn-primary:hover {
  background-color: #b41c1c;
  border-color: #b41c1c;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #hero_v2 .slick-list.draggable {
    max-width: 780px;
    width: 100%;
  }
  body#sitetop.sitetop_v2 #hero_v2 .slick-list.draggable .imgArea picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#sitetop.sitetop_v2 #hero_v2 .slick-dots li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  body#sitetop.sitetop_v2 #hero_v2 .slick-dots li button::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1rem;
    color: #cccccc;
    opacity: 1;
  }
  body#sitetop.sitetop_v2 #hero_v2 .slick-dots li:hover button::before {
    color: #666666;
  }
  body#sitetop.sitetop_v2 #hero_v2 .slick-dots li.slick-active button::before {
    color: #666666;
  }
}
body#sitetop.sitetop_v2 #slider-logos {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 15px 0 35px 0 !important;
}
body#sitetop.sitetop_v2 #slider-logos .slider-logos-wrap img {
  height: 90px;
}
body#sitetop.sitetop_v2 #main-products_v2 {
  background-color: #111;
  padding: 80px 0 80px;
}
body#sitetop.sitetop_v2 #main-products_v2 .container-xl {
  max-width: 1280px !important;
  width: 100%;
}
body#sitetop.sitetop_v2 #main-products_v2 h2 {
  color: #ffffff;
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 55px;
}
@media screen and (max-width: 480px) {
  body#sitetop.sitetop_v2 #main-products_v2 h2 {
    font-size: 6.25vw;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 h2 span {
  color: #0094ed;
  font-size: 0.75rem;
  display: block;
  margin-top: 20px;
  font-weight: 800;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 55px min(4.5081967213vw, 55px);
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout {
    padding: 0 3.8461538462vw;
  }
}
@media screen and (max-width: 480px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout {
    padding: 0;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dt {
  margin-bottom: 2.5rem;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd {
  text-align: left;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.4;
  color: #fff !important;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1100px) and (min-width: 781px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name {
    font-size: 2.5454545455vw;
  }
}
@media screen and (max-width: 480px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name {
    font-size: 6.25vw;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name span {
  font-weight: 500;
  font-size: 1.5rem;
  display: block;
}
@media screen and (max-width: 1100px) and (min-width: 781px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name span {
    font-size: 2.1818181818vw;
  }
}
@media screen and (max-width: 480px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.name span {
    font-size: 5vw;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.description {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.55;
  letter-spacing: 1.1px;
  text-align: justify;
  margin-bottom: 30px;
}
@media screen and (max-width: 1100px) and (min-width: 781px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.description {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.description {
    font-size: 0.875em;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.main-btn {
  text-align: center;
  margin-top: auto;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.main-btn span {
  display: block;
  padding: 0.6rem 1.1rem 0.65rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  border-radius: 25vw;
  line-height: 1;
  border: 1px solid #555;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout dl dd.main-btn span::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  margin-left: 0.5em;
  font-size: 1rem;
  font-weight: 900;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a {
  max-width: calc((100% - min(4.5081967213vw, 55px) * 2) / 3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #main-products_v2 .layout a {
    max-width: 100%;
  }
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: -webkit-filter 0.6s ease;
  transition: -webkit-filter 0.6s ease;
  transition: filter 0.6s ease;
  transition: filter 0.6s ease, -webkit-filter 0.6s ease;
  width: 100%;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a .main-btn span {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a:hover img, body#sitetop.sitetop_v2 #main-products_v2 .layout a:focus img {
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a:hover .description, body#sitetop.sitetop_v2 #main-products_v2 .layout a:focus .description {
  color: #fff;
  text-decoration: none;
}
body#sitetop.sitetop_v2 #main-products_v2 .layout a:hover .main-btn span, body#sitetop.sitetop_v2 #main-products_v2 .layout a:focus .main-btn span {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
body#sitetop.sitetop_v2 .bg-paleBlue {
  background-color: #f3fafe;
  padding-bottom: 3.125rem;
}
@media (min-width: 576px) {
  body#sitetop.sitetop_v2 .bg-paleBlue {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#sitetop.sitetop_v2 .bg-paleBlue {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  body#sitetop.sitetop_v2 .bg-paleBlue {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#sitetop.sitetop_v2 .bg-paleBlue {
    padding-bottom: 6.25rem;
  }
}
body#sitetop.sitetop_v2 #products-list .container-xl {
  max-width: 1280px !important;
  margin-bottom: 100px;
}
body#sitetop.sitetop_v2 #products-list h3 {
  color: #414141;
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 45px;
}
body#sitetop.sitetop_v2 #products-list .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item {
  padding: 20px 20px 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -ms-flex-preferred-size: calc((100% - 30px) / 2);
      flex-basis: calc((100% - 30px) / 2);
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  color: #414141;
  text-decoration: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 780px) {
  body#sitetop.sitetop_v2 #products-list .layout .products-list-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item:hover {
  color: inherit;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item figure {
  margin-bottom: 30px;
  overflow: hidden;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item figure img {
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dl {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dt {
  letter-spacing: 0.075em;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dt.name {
  font-size: 1.125rem;
  margin-bottom: 15px;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dt.name em {
  font-style: normal;
  display: block;
  font-size: 1.875rem;
  font-weight: bold;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dd {
  letter-spacing: 0.075em;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dd.description {
  font-weight: 400;
  margin-bottom: 30px;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dd.btn {
  background-color: #0494ed;
  color: #ffffff;
  border-radius: 25vw;
  margin-bottom: 0;
  margin-top: auto;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dd.btn span {
  font-weight: 500;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item dd.btn span::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  margin-left: 0.5em;
  font-size: 1rem;
  font-weight: 900;
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
body#sitetop.sitetop_v2 #products-list .layout .products-list-item:hover dd.btn {
  background-color: #ffffff;
  color: #0494ed;
  border: 1px solid #0494ed;
}
body#sitetop.sitetop_v2 #case_v2 {
  background-color: #ffffff;
}
body#sitetop.sitetop_v2 #case_v2 h2 {
  color: #414141;
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 55px;
}
body#sitetop.sitetop_v2 #case_v2 h2 span {
  color: #0094ed;
  font-size: 0.75rem;
  display: block;
  margin-top: 20px;
  font-weight: 800;
}
body#sitetop.sitetop_v2 #case_v2 .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 40px;
  padding: 20px 0 100px;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0px 0px 20px rgba(106, 106, 106, 0.2);
          box-shadow: 0px 0px 20px rgba(106, 106, 106, 0.2);
  color: #414141;
  text-decoration: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item figure {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  height: 225px;
  margin-bottom: 0;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item figure img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 225px;
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 30px 20px 20px;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dt.name {
  letter-spacing: 0.075em;
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd {
  font-weight: 500;
  letter-spacing: 0.075em;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.logo {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  text-align: center;
  margin-bottom: 25px;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.logo img {
  max-width: 100%;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.description {
  font-size: 0.875rem;
  margin-bottom: 20px;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.btn {
  background-color: #ffffff;
  border: 1px solid #0494ed;
  color: #0494ed;
  border-radius: 25vw;
  margin-bottom: 0;
  max-width: 160px;
  width: 100%;
  padding: 5px 10px;
  margin: auto auto 0;
  line-height: 1;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.btn span {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item dd.btn span::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  margin-left: 0.5em;
  font-weight: 900;
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0px 20px 20px rgba(106, 106, 106, 0.2);
          box-shadow: 0px 20px 20px rgba(106, 106, 106, 0.2);
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item:hover figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
body#sitetop.sitetop_v2 #case_v2 .layout .case_v2-item:hover .btn {
  background-color: #0494ed;
  border: 1px solid #0494ed;
  color: #ffffff;
}
body#sitetop.sitetop_v2 #information h2 {
  color: #414141;
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 55px;
}
body#sitetop.sitetop_v2 #information h2 span {
  color: #0094ed;
  font-size: 0.75rem;
  display: block;
  margin-top: 20px;
  font-weight: 800;
}
body#sitetop.sitetop_v2 #information .news-wrap {
  margin-bottom: 60px;
}
body#sitetop.sitetop_v2 #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop.sitetop_v2 #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#sitetop.sitetop_v2 #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#sitetop.sitetop_v2 #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#sitetop.sitetop_v2 #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#sitetop.sitetop_v2 #information dd.category {
  width: 50%;
  text-align: right;
}
body#sitetop.sitetop_v2 #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#sitetop.sitetop_v2 #information dd.category.seminar span {
  background: #73c392;
}
body#sitetop.sitetop_v2 #information dd.category.info span {
  background: #96b3e2;
}
body#sitetop.sitetop_v2 #information dd.category.event span {
  background: #eac188;
}
body#sitetop.sitetop_v2 #information dd.category.important span {
  background: #de9494;
}
body#sitetop.sitetop_v2 #information dd.category.release span {
  background: #64bdd8;
}
body#sitetop.sitetop_v2 #information dd.category.undefined span {
  background: #94d7de;
}
body#sitetop.sitetop_v2 #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#sitetop.sitetop_v2 #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#sitetop.sitetop_v2 #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#sitetop.sitetop_v2 #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#sitetop.sitetop_v2 #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop.sitetop_v2 #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#sitetop.sitetop_v2 #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#sitetop.sitetop_v2 #information dt {
    width: 90px;
  }
  body#sitetop.sitetop_v2 #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#sitetop.sitetop_v2 #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}
body#sitetop.sitetop_v2 #banners ul {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
body#sitetop.sitetop_v2 #banners ul li {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}
body#sitetop.sitetop_v2 #banners ul li a {
  width: inherit;
  height: inherit;
  display: block;
}
body#sitetop.sitetop_v2 #banners ul li a img.img-thumbnail {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  body#sitetop.sitetop_v2 #banners {
    padding-top: 4.375rem;
  }
  body#sitetop.sitetop_v2 #banners ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  body#sitetop.sitetop_v2 #banners ul li {
    width: calc(33.3333333333% - 5px);
    margin: 0;
  }
  body#sitetop.sitetop_v2 #banners ul li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body#sitetop.sitetop_v2 #banners {
    padding-top: 5.625rem;
  }
}

body#sitetop-v11-release-before {
  /* =========================================================================== ⭐️ Hero（動画） */
  /* =========================================================================== ⭐️ Hero（キャッチ） */
  /* =========================================================================== ⭐️ プロダクト */
  /* =========================================================================== ⭐️ 導入事例 */
  /***************************
    .case-common.scss に記述
  ***************************/
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== メインプロダクト */
  /* =========================================================================== 導入ロゴスライダー */
  /* =========================================================================== 目的 */
  /* =========================================================================== 新着情報 */
  /* =========================================================================== バナー */
}
body#sitetop-v11-release-before #main {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 3.125rem;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-before #main {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-before #main {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release-before #main {
    padding-bottom: 6.25rem;
  }
}
body#sitetop-v11-release-before section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-before section {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-before section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release-before section {
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
}
body#sitetop-v11-release-before #hero {
  width: 100%;
  background: #4d4a4a;
}
body#sitetop-v11-release-before #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
  height: 500px;
}
body#sitetop-v11-release-before #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/sitetop/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-before #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#sitetop-v11-release-before #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#sitetop-v11-release-before #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#sitetop-v11-release-before #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#sitetop-v11-release-before #hero .catch-wrap .catch {
  margin-bottom: 0px;
}
body#sitetop-v11-release-before #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release-before #hero dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-before #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 22px;
  text-align: center;
}
body#sitetop-v11-release-before #hero dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-before #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#sitetop-v11-release-before #hero dl dd p {
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #hero dl dd p {
    text-align: center;
  }
}
body#sitetop-v11-release-before #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#sitetop-v11-release-before #hero .btn-wrap .btn {
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 50px;
  border-radius: 100px !important;
}
body#sitetop-v11-release-before #hero .btn-wrap .btn span {
  font-weight: 500;
}
@media (max-width: 430px) {
  body#sitetop-v11-release-before #hero .btn-wrap .btn {
    width: 80%;
  }
}
body#sitetop-v11-release-before #hero-banner {
  margin-top: 0px;
  position: relative;
  text-align: center;
}
body#sitetop-v11-release-before #hero-banner a {
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 120px;
  background: url(/ja/img/sitetop/hero-banner-automotiveworld-nagoya@2x.png) no-repeat center center;
  background-size: contain;
}
body#sitetop-v11-release-before #hero-banner a:hover {
  opacity: 0.8;
}
body#sitetop-v11-release-before #cad {
  background: #000;
  padding: 0;
}
body#sitetop-v11-release-before #cad section.products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#sitetop-v11-release-before #cad section.products .box-description {
  margin-top: 40px;
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #ffffff;
}
body#sitetop-v11-release-before #cad section.products .box-description dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release-before #cad section.products .box-description dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-before #cad section.products .box-description dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
}
body#sitetop-v11-release-before #cad section.products .box-description dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-before #cad section.products .box-description dl dd h2 img {
  width: 80%;
}
body#sitetop-v11-release-before #cad section.products .box-description dl dd p {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 21px;
  text-align: center;
}
body#sitetop-v11-release-before #cad section.products .box-description .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
body#sitetop-v11-release-before #cad section.products .box-description .btn-wrap a.btn {
  padding-top: 14px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
body#sitetop-v11-release-before #cad section.products .img-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #cad section.products .box-description {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-before #cad section.products {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release-before #cad section.products .box-description {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  body#sitetop-v11-release-before #cad section.products .box-description dl {
    text-align: left;
  }
  body#sitetop-v11-release-before #cad section.products .box-description dl dd p {
    text-align: left;
  }
  body#sitetop-v11-release-before #cad section.products .box-description .btn-wrap {
    text-align: left;
    margin-top: 30px;
  }
  body#sitetop-v11-release-before #cad section.products .img-wrap {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    position: relative;
  }
  body#sitetop-v11-release-before #cad section.products .img-wrap img {
    position: relative;
    z-index: 10;
    max-width: 400px;
  }
}
body#sitetop-v11-release-before #cad section.products.pcb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #cad section.products.schematic {
    padding-top: 100px;
  }
  body#sitetop-v11-release-before #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-before #cad section.products h2 img {
    display: block;
    width: auto !important;
    height: 40px;
  }
  body#sitetop-v11-release-before #cad section.products dd p {
    margin-top: 10px !important;
    font-size: 0.95rem !important;
    color: #ccc;
  }
  body#sitetop-v11-release-before #cad section.products .btn-wrap {
    margin-top: 20px !important;
  }
  body#sitetop-v11-release-before #cad section.products .btn-wrap a {
    padding: 8px 30px !important;
    border-radius: 100px;
  }
  body#sitetop-v11-release-before #cad section.products.schematic .box-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-before #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-before #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release-before #cad section.products.pcb {
    padding-bottom: 120px;
  }
  body#sitetop-v11-release-before #cad section.products.pcb .box-description {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-before #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-before #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-before #cad section.products .img-wrap img {
    max-width: 350px;
  }
  body#sitetop-v11-release-before #cad section.products .box-description {
    width: 47%;
  }
  body#sitetop-v11-release-before #cad section.products.schematic {
    padding-top: 80px;
  }
  body#sitetop-v11-release-before #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-before #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release-before #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  body#sitetop-v11-release-before #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-before #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
body#sitetop-v11-release-before #cad #hero-banner a {
  padding: 20px;
  border: 5px solid #676767;
  margin: 0px auto 80px;
}
body#sitetop-v11-release-before #case {
  background-color: #fff;
}
body#sitetop-v11-release-before #case #case-list {
  padding: 0 0 0 0;
}
body#sitetop-v11-release-before #hero-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
body#sitetop-v11-release-before #hero-banner img {
  width: 840px;
  height: 300px;
  display: block;
}
body#sitetop-v11-release-before #main-products {
  background-color: #111;
  padding: 80px 0 80px;
}
body#sitetop-v11-release-before #main-products h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release-before #main-products h2 img {
  max-width: 370px;
  max-height: 32px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release-before #main-products .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-before #main-products .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release-before #main-products .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 1.3rem;
}
body#sitetop-v11-release-before #main-products .layout dl dd {
  text-align: left;
}
body#sitetop-v11-release-before #main-products .layout dl dd.name {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  color: #fff !important;
}
body#sitetop-v11-release-before #main-products .layout dl dd.description {
  padding-top: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 0.85rem;
  line-height: 1.6;
  letter-spacing: 1.1px;
}
body#sitetop-v11-release-before #main-products .layout dl dd.main-btn {
  padding-top: 0.7rem;
  text-align: center;
}
body#sitetop-v11-release-before #main-products .layout dl dd.main-btn span {
  display: block;
  padding: 0.6rem 1.1rem 0.65rem;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  border-radius: 200px;
  line-height: 1;
  border: 1px solid #555;
}
body#sitetop-v11-release-before #main-products .layout a {
  text-decoration: none;
}
body#sitetop-v11-release-before #main-products .layout a img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: -webkit-filter 0.6s ease;
  transition: -webkit-filter 0.6s ease;
  transition: filter 0.6s ease;
  transition: filter 0.6s ease, -webkit-filter 0.6s ease;
}
body#sitetop-v11-release-before #main-products .layout a .main-btn span {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#sitetop-v11-release-before #main-products .layout a:hover img, body#sitetop-v11-release-before #main-products .layout a:focus img {
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}
body#sitetop-v11-release-before #main-products .layout a:hover .description, body#sitetop-v11-release-before #main-products .layout a:focus .description {
  color: #fff;
  text-decoration: none;
}
body#sitetop-v11-release-before #main-products .layout a:hover .main-btn span, body#sitetop-v11-release-before #main-products .layout a:focus .main-btn span {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 670px) {
  body#sitetop-v11-release-before #main-products .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release-before #main-products .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release-before #slider-logos .slider-logos-wrap img {
  height: 90px;
}
body#sitetop-v11-release-before #purpose {
  padding: 80px 0 80px;
}
body#sitetop-v11-release-before #purpose h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release-before #purpose h2 img {
  max-width: 375px;
  max-height: 45px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release-before #purpose .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-before #purpose .layout a {
  color: #222;
}
body#sitetop-v11-release-before #purpose .layout a:hover, body#sitetop-v11-release-before #purpose .layout a:focus {
  text-decoration: none;
  color: #0394ed;
}
body#sitetop-v11-release-before #purpose .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release-before #purpose .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
body#sitetop-v11-release-before #purpose .layout dl dd {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  text-align: left;
}
@media (min-width: 670px) {
  body#sitetop-v11-release-before #purpose .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release-before #purpose .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release-before #information .h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #information .h2 {
    font-size: 1.25rem;
    font-weight: 400;
  }
}
body#sitetop-v11-release-before #information .news-wrap {
  margin-bottom: 60px;
}
body#sitetop-v11-release-before #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-before #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#sitetop-v11-release-before #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#sitetop-v11-release-before #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#sitetop-v11-release-before #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#sitetop-v11-release-before #information dd.category {
  width: 50%;
  text-align: right;
}
body#sitetop-v11-release-before #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#sitetop-v11-release-before #information dd.category.seminar span {
  background: #73C392;
}
body#sitetop-v11-release-before #information dd.category.info span {
  background: #96B3E2;
}
body#sitetop-v11-release-before #information dd.category.event span {
  background: #EAC188;
}
body#sitetop-v11-release-before #information dd.category.important span {
  background: #DE9494;
}
body#sitetop-v11-release-before #information dd.category.release span {
  background: #64bdd8;
}
body#sitetop-v11-release-before #information dd.category.undefined span {
  background: #94d7de;
}
body#sitetop-v11-release-before #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release-before #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-before #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#sitetop-v11-release-before #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-before #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release-before #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#sitetop-v11-release-before #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#sitetop-v11-release-before #information dt {
    width: 90px;
  }
  body#sitetop-v11-release-before #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#sitetop-v11-release-before #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}
body#sitetop-v11-release-before #banners ul {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
body#sitetop-v11-release-before #banners ul li {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release-before #banners ul li a {
  width: inherit;
  height: inherit;
  display: block;
}
body#sitetop-v11-release-before #banners ul li a img.img-thumbnail {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  body#sitetop-v11-release-before #banners {
    padding-top: 4.375rem;
  }
  body#sitetop-v11-release-before #banners ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  body#sitetop-v11-release-before #banners ul li {
    width: calc(33.3333333333% - 5px);
    margin: 0;
  }
  body#sitetop-v11-release-before #banners ul li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-before #banners {
    padding-top: 5.625rem;
  }
}

/* v11リリース前 */
body#sitetop-v11-release {
  /* =========================================================================== ⭐️ Hero（動画） */
  /* =========================================================================== ⭐️ Hero（キャッチ） */
  /* =========================================================================== ⭐️ Hero（v11） */
  /* =========================================================================== ⭐️ プロダクト */
  /* =========================================================================== ⭐️ 導入事例 */
  /***************************
    .case-common.scss に記述
  ***************************/
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== メインプロダクト */
  /* =========================================================================== 導入ロゴスライダー */
  /* =========================================================================== 目的 */
  /* =========================================================================== 新着情報 */
  /* =========================================================================== バナー */
}
body#sitetop-v11-release #main {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 3.125rem;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release #main {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release #main {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release #main {
    padding-bottom: 6.25rem;
  }
}
body#sitetop-v11-release section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
@media (min-width: 576px) {
  body#sitetop-v11-release section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release section {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release section {
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
}
body#sitetop-v11-release #hero {
  width: 100%;
  background: #4d4a4a;
}
body#sitetop-v11-release #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
  height: 500px;
}
body#sitetop-v11-release #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/sitetop/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#sitetop-v11-release #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#sitetop-v11-release #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#sitetop-v11-release #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#sitetop-v11-release #hero .catch-wrap .catch {
  margin-bottom: 0px;
}
body#sitetop-v11-release #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release #hero dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 22px;
  text-align: center;
}
body#sitetop-v11-release #hero dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#sitetop-v11-release #hero dl dd p {
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#sitetop-v11-release #hero dl dd p {
    text-align: center;
  }
}
body#sitetop-v11-release #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#sitetop-v11-release #hero .btn-wrap .btn {
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 50px;
  border-radius: 100px !important;
}
body#sitetop-v11-release #hero .btn-wrap .btn span {
  font-weight: 500;
}
@media (max-width: 430px) {
  body#sitetop-v11-release #hero .btn-wrap .btn {
    width: 80%;
  }
}
body#sitetop-v11-release #hero-banner {
  margin-top: 0px;
  position: relative;
  text-align: center;
}
body#sitetop-v11-release #hero-banner a {
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 120px;
  background: url(/ja/img/sitetop/hero-banner-automotiveworld-nagoya@2x.png) no-repeat center center;
  background-size: contain;
}
body#sitetop-v11-release #hero-banner a:hover {
  opacity: 0.8;
}
body#sitetop-v11-release #hero-v11-released {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #002caa;
}
body#sitetop-v11-release #hero-v11-released .hero-v11-released-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
  background: url(/ja/img/sitetop/hero-v11-released-v3@2x.png) no-repeat center center;
  background-size: auto 500px;
}
@media screen and (min-width: 576px) {
  body#sitetop-v11-release #hero-v11-released .hero-v11-released-wrap {
    width: 100%;
    height: 500px;
    background: url(/ja/img/sitetop/hero-v11-released-sm-v3@2x.png) no-repeat center center;
    background-size: auto 500px;
  }
}
@media screen and (min-width: 1140px) {
  body#sitetop-v11-release #hero-v11-released .hero-v11-released-wrap {
    width: 100%;
    height: 500px;
    background: url(/ja/img/sitetop/hero-v11-released-lg-v3@2x.png) no-repeat center center;
    background-size: auto 500px;
  }
}
body#sitetop-v11-release #cad {
  background: #000;
  padding: 0;
}
body#sitetop-v11-release #cad section.products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#sitetop-v11-release #cad section.products .box-description {
  margin-top: 40px;
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #ffffff;
}
body#sitetop-v11-release #cad section.products .box-description dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release #cad section.products .box-description dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release #cad section.products .box-description dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
}
body#sitetop-v11-release #cad section.products .box-description dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release #cad section.products .box-description dl dd h2 img {
  width: 80%;
}
body#sitetop-v11-release #cad section.products .box-description dl dd p {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 21px;
  text-align: center;
}
body#sitetop-v11-release #cad section.products .box-description .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
body#sitetop-v11-release #cad section.products .box-description .btn-wrap a.btn {
  padding-top: 14px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
body#sitetop-v11-release #cad section.products .img-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #cad section.products .box-description {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release #cad section.products {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release #cad section.products .box-description {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  body#sitetop-v11-release #cad section.products .box-description dl {
    text-align: left;
  }
  body#sitetop-v11-release #cad section.products .box-description dl dd p {
    text-align: left;
  }
  body#sitetop-v11-release #cad section.products .box-description .btn-wrap {
    text-align: left;
    margin-top: 30px;
  }
  body#sitetop-v11-release #cad section.products .img-wrap {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    position: relative;
  }
  body#sitetop-v11-release #cad section.products .img-wrap img {
    position: relative;
    z-index: 10;
    max-width: 400px;
  }
}
body#sitetop-v11-release #cad section.products.pcb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #cad section.products.schematic {
    padding-top: 100px;
  }
  body#sitetop-v11-release #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release #cad section.products h2 img {
    display: block;
    width: auto !important;
    height: 40px;
  }
  body#sitetop-v11-release #cad section.products dd p {
    margin-top: 10px !important;
    font-size: 0.95rem !important;
    color: #ccc;
  }
  body#sitetop-v11-release #cad section.products .btn-wrap {
    margin-top: 20px !important;
  }
  body#sitetop-v11-release #cad section.products .btn-wrap a {
    padding: 8px 30px !important;
    border-radius: 100px;
  }
  body#sitetop-v11-release #cad section.products.schematic .box-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release #cad section.products.pcb {
    padding-bottom: 120px;
  }
  body#sitetop-v11-release #cad section.products.pcb .box-description {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release #cad section.products .img-wrap img {
    max-width: 350px;
  }
  body#sitetop-v11-release #cad section.products .box-description {
    width: 47%;
  }
  body#sitetop-v11-release #cad section.products.schematic {
    padding-top: 80px;
  }
  body#sitetop-v11-release #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  body#sitetop-v11-release #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
body#sitetop-v11-release #cad #hero-banner a {
  padding: 20px;
  border: 5px solid #676767;
  margin: 0px auto 80px;
}
body#sitetop-v11-release #case {
  background-color: #fff;
}
body#sitetop-v11-release #case #case-list {
  padding: 0 0 0 0;
}
body#sitetop-v11-release #hero-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
body#sitetop-v11-release #hero-banner img {
  width: 840px;
  height: 300px;
  display: block;
}
body#sitetop-v11-release #main-products {
  background-color: #111;
  padding: 80px 0 80px;
}
body#sitetop-v11-release #main-products h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release #main-products h2 img {
  max-width: 370px;
  max-height: 32px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release #main-products .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release #main-products .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release #main-products .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 1.3rem;
}
body#sitetop-v11-release #main-products .layout dl dd {
  text-align: left;
}
body#sitetop-v11-release #main-products .layout dl dd.name {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  color: #fff !important;
}
body#sitetop-v11-release #main-products .layout dl dd.description {
  padding-top: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 0.85rem;
  line-height: 1.6;
  letter-spacing: 1.1px;
}
body#sitetop-v11-release #main-products .layout dl dd.main-btn {
  padding-top: 0.7rem;
  text-align: center;
}
body#sitetop-v11-release #main-products .layout dl dd.main-btn span {
  display: block;
  padding: 0.6rem 1.1rem 0.65rem;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  border-radius: 200px;
  line-height: 1;
  border: 1px solid #555;
}
body#sitetop-v11-release #main-products .layout a {
  text-decoration: none;
}
body#sitetop-v11-release #main-products .layout a img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: -webkit-filter 0.6s ease;
  transition: -webkit-filter 0.6s ease;
  transition: filter 0.6s ease;
  transition: filter 0.6s ease, -webkit-filter 0.6s ease;
}
body#sitetop-v11-release #main-products .layout a .main-btn span {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#sitetop-v11-release #main-products .layout a:hover img, body#sitetop-v11-release #main-products .layout a:focus img {
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}
body#sitetop-v11-release #main-products .layout a:hover .description, body#sitetop-v11-release #main-products .layout a:focus .description {
  color: #fff;
  text-decoration: none;
}
body#sitetop-v11-release #main-products .layout a:hover .main-btn span, body#sitetop-v11-release #main-products .layout a:focus .main-btn span {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 670px) {
  body#sitetop-v11-release #main-products .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release #main-products .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release #slider-logos .slider-logos-wrap img {
  height: 90px;
}
body#sitetop-v11-release #purpose {
  padding: 80px 0 80px;
}
body#sitetop-v11-release #purpose h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release #purpose h2 img {
  max-width: 375px;
  max-height: 45px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release #purpose .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release #purpose .layout a {
  color: #222;
}
body#sitetop-v11-release #purpose .layout a:hover, body#sitetop-v11-release #purpose .layout a:focus {
  text-decoration: none;
  color: #0394ed;
}
body#sitetop-v11-release #purpose .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release #purpose .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
body#sitetop-v11-release #purpose .layout dl dd {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  text-align: left;
}
@media (min-width: 670px) {
  body#sitetop-v11-release #purpose .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release #purpose .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release #information .h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #information .h2 {
    font-size: 1.25rem;
    font-weight: 400;
  }
}
body#sitetop-v11-release #information .news-wrap {
  margin-bottom: 60px;
}
body#sitetop-v11-release #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#sitetop-v11-release #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#sitetop-v11-release #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#sitetop-v11-release #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#sitetop-v11-release #information dd.category {
  width: 50%;
  text-align: right;
}
body#sitetop-v11-release #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#sitetop-v11-release #information dd.category.seminar span {
  background: #73C392;
}
body#sitetop-v11-release #information dd.category.info span {
  background: #96B3E2;
}
body#sitetop-v11-release #information dd.category.event span {
  background: #EAC188;
}
body#sitetop-v11-release #information dd.category.important span {
  background: #DE9494;
}
body#sitetop-v11-release #information dd.category.release span {
  background: #64bdd8;
}
body#sitetop-v11-release #information dd.category.undefined span {
  background: #94d7de;
}
body#sitetop-v11-release #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#sitetop-v11-release #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#sitetop-v11-release #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#sitetop-v11-release #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#sitetop-v11-release #information dt {
    width: 90px;
  }
  body#sitetop-v11-release #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#sitetop-v11-release #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}
body#sitetop-v11-release #banners ul {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
body#sitetop-v11-release #banners ul li {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release #banners ul li a {
  width: inherit;
  height: inherit;
  display: block;
}
body#sitetop-v11-release #banners ul li a img.img-thumbnail {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  body#sitetop-v11-release #banners {
    padding-top: 4.375rem;
  }
  body#sitetop-v11-release #banners ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  body#sitetop-v11-release #banners ul li {
    width: calc(33.3333333333% - 5px);
    margin: 0;
  }
  body#sitetop-v11-release #banners ul li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release #banners {
    padding-top: 5.625rem;
  }
}

/* v11リリースから２ヶ月間 */
body#sitetop-v11-release-after {
  /* =========================================================================== ⭐️ Hero（動画） */
  /* =========================================================================== ⭐️ Hero（キャッチ） */
  /* =========================================================================== ⭐️ Hero（v11） */
  /* =========================================================================== ⭐️ プロダクト */
  /* =========================================================================== ⭐️ 導入事例 */
  /***************************
    .case-common.scss に記述
  ***************************/
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== END */
  /* =========================================================================== メインプロダクト */
  /* =========================================================================== 導入ロゴスライダー */
  /* =========================================================================== 目的 */
  /* =========================================================================== 新着情報 */
  /* =========================================================================== バナー */
}
body#sitetop-v11-release-after #main {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 3.125rem;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after #main {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #main {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release-after #main {
    padding-bottom: 6.25rem;
  }
}
body#sitetop-v11-release-after section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after section {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after section {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body#sitetop-v11-release-after section {
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
}
body#sitetop-v11-release-after #hero {
  width: 100%;
  background: #4d4a4a;
}
body#sitetop-v11-release-after #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
  height: 500px;
}
body#sitetop-v11-release-after #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/sitetop/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#sitetop-v11-release-after #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#sitetop-v11-release-after #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#sitetop-v11-release-after #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#sitetop-v11-release-after #hero .catch-wrap .catch {
  margin-bottom: 0px;
}
body#sitetop-v11-release-after #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release-after #hero dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-after #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 22px;
  text-align: center;
}
body#sitetop-v11-release-after #hero dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-after #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#sitetop-v11-release-after #hero dl dd p {
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #hero dl dd p {
    text-align: center;
  }
}
body#sitetop-v11-release-after #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#sitetop-v11-release-after #hero .btn-wrap .btn {
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 50px;
  border-radius: 100px !important;
}
body#sitetop-v11-release-after #hero .btn-wrap .btn span {
  font-weight: 500;
}
@media (max-width: 430px) {
  body#sitetop-v11-release-after #hero .btn-wrap .btn {
    width: 80%;
  }
}
body#sitetop-v11-release-after #hero-banner {
  margin-top: 0px;
  position: relative;
  text-align: center;
}
body#sitetop-v11-release-after #hero-banner a {
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 120px;
  background: url(/ja/img/sitetop/hero-banner-automotiveworld-nagoya@2x.png) no-repeat center center;
  background-size: contain;
}
body#sitetop-v11-release-after #hero-banner a:hover {
  opacity: 0.8;
}
body#sitetop-v11-release-after #hero-v11-released {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #002caa;
}
body#sitetop-v11-release-after #hero-v11-released .hero-v11-released-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
  background: url(/ja/img/sitetop/hero-v11-released-v3@2x.png) no-repeat center center;
  background-size: auto 500px;
}
@media screen and (min-width: 576px) {
  body#sitetop-v11-release-after #hero-v11-released .hero-v11-released-wrap {
    width: 100%;
    height: 500px;
    background: url(/ja/img/sitetop/hero-v11-released-sm-v3@2x.png) no-repeat center center;
    background-size: auto 500px;
  }
}
@media screen and (min-width: 1140px) {
  body#sitetop-v11-release-after #hero-v11-released .hero-v11-released-wrap {
    width: 100%;
    height: 500px;
    background: url(/ja/img/sitetop/hero-v11-released-lg-v3@2x.png) no-repeat center center;
    background-size: auto 500px;
  }
}
body#sitetop-v11-release-after #cad {
  background: #000;
  padding: 0;
}
body#sitetop-v11-release-after #cad section.products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#sitetop-v11-release-after #cad section.products .box-description {
  margin-top: 40px;
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #ffffff;
}
body#sitetop-v11-release-after #cad section.products .box-description dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#sitetop-v11-release-after #cad section.products .box-description dl dt {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-after #cad section.products .box-description dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
}
body#sitetop-v11-release-after #cad section.products .box-description dl dd {
  margin: 0;
  padding: 0;
}
body#sitetop-v11-release-after #cad section.products .box-description dl dd h2 img {
  width: 80%;
}
body#sitetop-v11-release-after #cad section.products .box-description dl dd p {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 21px;
  text-align: center;
}
body#sitetop-v11-release-after #cad section.products .box-description .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
body#sitetop-v11-release-after #cad section.products .box-description .btn-wrap a.btn {
  padding-top: 14px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
body#sitetop-v11-release-after #cad section.products .img-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #cad section.products .box-description {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after #cad section.products {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release-after #cad section.products .box-description {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  body#sitetop-v11-release-after #cad section.products .box-description dl {
    text-align: left;
  }
  body#sitetop-v11-release-after #cad section.products .box-description dl dd p {
    text-align: left;
  }
  body#sitetop-v11-release-after #cad section.products .box-description .btn-wrap {
    text-align: left;
    margin-top: 30px;
  }
  body#sitetop-v11-release-after #cad section.products .img-wrap {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    position: relative;
  }
  body#sitetop-v11-release-after #cad section.products .img-wrap img {
    position: relative;
    z-index: 10;
    max-width: 400px;
  }
}
body#sitetop-v11-release-after #cad section.products.pcb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #cad section.products.schematic {
    padding-top: 100px;
  }
  body#sitetop-v11-release-after #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after #cad section.products h2 img {
    display: block;
    width: auto !important;
    height: 40px;
  }
  body#sitetop-v11-release-after #cad section.products dd p {
    margin-top: 10px !important;
    font-size: 0.95rem !important;
    color: #ccc;
  }
  body#sitetop-v11-release-after #cad section.products .btn-wrap {
    margin-top: 20px !important;
  }
  body#sitetop-v11-release-after #cad section.products .btn-wrap a {
    padding: 8px 30px !important;
    border-radius: 100px;
  }
  body#sitetop-v11-release-after #cad section.products.schematic .box-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-after #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-after #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release-after #cad section.products.pcb {
    padding-bottom: 120px;
  }
  body#sitetop-v11-release-after #cad section.products.pcb .box-description {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-after #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-after #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 290px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #cad section.products .img-wrap img {
    max-width: 350px;
  }
  body#sitetop-v11-release-after #cad section.products .box-description {
    width: 47%;
  }
  body#sitetop-v11-release-after #cad section.products.schematic {
    padding-top: 80px;
  }
  body#sitetop-v11-release-after #cad section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#sitetop-v11-release-after #cad section.products.schematic .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 120px;
    z-index: 1;
  }
  body#sitetop-v11-release-after #cad section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  body#sitetop-v11-release-after #cad section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#sitetop-v11-release-after #cad section.products.pcb .img-wrap::after {
    content: "";
    width: 420px;
    height: 230px;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 1;
  }
}
body#sitetop-v11-release-after #cad #hero-banner a {
  padding: 20px;
  border: 5px solid #676767;
  margin: 0px auto 80px;
}
body#sitetop-v11-release-after #case {
  background-color: #fff;
}
body#sitetop-v11-release-after #case #case-list {
  padding: 0 0 0 0;
}
body#sitetop-v11-release-after #hero-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
body#sitetop-v11-release-after #hero-banner img {
  width: 840px;
  height: 300px;
  display: block;
}
body#sitetop-v11-release-after #main-products {
  background-color: #111;
  padding: 80px 0 80px;
}
body#sitetop-v11-release-after #main-products h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release-after #main-products h2 img {
  max-width: 370px;
  max-height: 32px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release-after #main-products .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-after #main-products .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release-after #main-products .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 1.3rem;
}
body#sitetop-v11-release-after #main-products .layout dl dd {
  text-align: left;
}
body#sitetop-v11-release-after #main-products .layout dl dd.name {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  color: #fff !important;
}
body#sitetop-v11-release-after #main-products .layout dl dd.description {
  padding-top: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 0.85rem;
  line-height: 1.6;
  letter-spacing: 1.1px;
}
body#sitetop-v11-release-after #main-products .layout dl dd.main-btn {
  padding-top: 0.7rem;
  text-align: center;
}
body#sitetop-v11-release-after #main-products .layout dl dd.main-btn span {
  display: block;
  padding: 0.6rem 1.1rem 0.65rem;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  border-radius: 200px;
  line-height: 1;
  border: 1px solid #555;
}
body#sitetop-v11-release-after #main-products .layout a {
  text-decoration: none;
}
body#sitetop-v11-release-after #main-products .layout a img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: -webkit-filter 0.6s ease;
  transition: -webkit-filter 0.6s ease;
  transition: filter 0.6s ease;
  transition: filter 0.6s ease, -webkit-filter 0.6s ease;
}
body#sitetop-v11-release-after #main-products .layout a .main-btn span {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#sitetop-v11-release-after #main-products .layout a:hover img, body#sitetop-v11-release-after #main-products .layout a:focus img {
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}
body#sitetop-v11-release-after #main-products .layout a:hover .description, body#sitetop-v11-release-after #main-products .layout a:focus .description {
  color: #fff;
  text-decoration: none;
}
body#sitetop-v11-release-after #main-products .layout a:hover .main-btn span, body#sitetop-v11-release-after #main-products .layout a:focus .main-btn span {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 670px) {
  body#sitetop-v11-release-after #main-products .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release-after #main-products .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release-after #slider-logos .slider-logos-wrap img {
  height: 90px;
}
body#sitetop-v11-release-after #purpose {
  padding: 80px 0 80px;
}
body#sitetop-v11-release-after #purpose h2 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3rem 0;
  text-align: center;
}
body#sitetop-v11-release-after #purpose h2 img {
  max-width: 375px;
  max-height: 45px;
  display: block;
  margin: 0 auto;
}
body#sitetop-v11-release-after #purpose .layout {
  width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-after #purpose .layout a {
  color: #222;
}
body#sitetop-v11-release-after #purpose .layout a:hover, body#sitetop-v11-release-after #purpose .layout a:focus {
  text-decoration: none;
  color: #0394ed;
}
body#sitetop-v11-release-after #purpose .layout dl {
  width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  display: block;
}
body#sitetop-v11-release-after #purpose .layout dl dt {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
body#sitetop-v11-release-after #purpose .layout dl dd {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.4;
  letter-spacing: 1.1px;
  text-align: left;
}
@media (min-width: 670px) {
  body#sitetop-v11-release-after #purpose .layout {
    width: 620px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 970px) {
  body#sitetop-v11-release-after #purpose .layout {
    width: 1000px;
  }
}
body#sitetop-v11-release-after #information .h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #information .h2 {
    font-size: 1.25rem;
    font-weight: 400;
  }
}
body#sitetop-v11-release-after #information .news-wrap {
  margin-bottom: 60px;
}
body#sitetop-v11-release-after #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#sitetop-v11-release-after #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#sitetop-v11-release-after #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#sitetop-v11-release-after #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#sitetop-v11-release-after #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#sitetop-v11-release-after #information dd.category {
  width: 50%;
  text-align: right;
}
body#sitetop-v11-release-after #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#sitetop-v11-release-after #information dd.category.seminar span {
  background: #73C392;
}
body#sitetop-v11-release-after #information dd.category.info span {
  background: #96B3E2;
}
body#sitetop-v11-release-after #information dd.category.event span {
  background: #EAC188;
}
body#sitetop-v11-release-after #information dd.category.important span {
  background: #DE9494;
}
body#sitetop-v11-release-after #information dd.category.release span {
  background: #64bdd8;
}
body#sitetop-v11-release-after #information dd.category.undefined span {
  background: #94d7de;
}
body#sitetop-v11-release-after #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release-after #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#sitetop-v11-release-after #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#sitetop-v11-release-after #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#sitetop-v11-release-after #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#sitetop-v11-release-after #information dt {
    width: 90px;
  }
  body#sitetop-v11-release-after #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#sitetop-v11-release-after #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}
body#sitetop-v11-release-after #banners ul {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
body#sitetop-v11-release-after #banners ul li {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}
body#sitetop-v11-release-after #banners ul li a {
  width: inherit;
  height: inherit;
  display: block;
}
body#sitetop-v11-release-after #banners ul li a img.img-thumbnail {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after #banners {
    padding-top: 4.375rem;
  }
  body#sitetop-v11-release-after #banners ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  body#sitetop-v11-release-after #banners ul li {
    width: calc(33.3333333333% - 5px);
    margin: 0;
  }
  body#sitetop-v11-release-after #banners ul li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #banners {
    padding-top: 5.625rem;
  }
}

/* v11リリース後 */
body#concept {
  padding-top: 47px;
  /* =========================================================================== ⭐️  */
  /* #main */
  /* =========================================================================== END */
}
body#concept #main {
  padding: 0 0 0 0;
}
body#concept #hero {
  width: 100%;
  height: 600px;
  height: 80vh;
  background: url(/ja/img/concept/hero.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#concept #hero::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
}
body#concept #hero .h1 {
  position: relative;
  top: 20px;
  left: 0;
  z-index: 10;
  text-align: center;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#concept #hero .h1 img {
  width: 201px;
  height: 236.51px;
}
@media (min-width: 768px) {
  body#concept #hero .h1 img {
    top: 50px;
    width: 280px;
    height: 330px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  body#concept #hero .h1 {
    top: 75px;
  }
  body#concept #hero .h1 img {
    top: 50px;
    width: 300px;
    height: 353px;
    margin: 0 auto;
  }
}
body#concept #main section#intro {
  width: 100%;
  margin: 0 auto 0;
  padding-top: 7.5rem;
  padding-bottom: 0rem;
  text-align: center;
}
body#concept #main section#intro .h2 {
  font-size: 2.0625rem;
  font-weight: 700;
  font-family: "Noto Serif JP";
  width: 100%;
  text-align: center;
  margin: 0 auto 40px;
}
body#concept #main section#intro p {
  margin: 0 0 1rem 0;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 2.3;
}
body#concept #main section#intro strong {
  font-weight: 600;
}
body#concept #main section#concept {
  width: 100%;
  display: block;
  padding: 50px 0 50px 0;
}
body#concept #main section#concept .concept-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8% 0;
}
body#concept #main section#concept .concept-wrap .thumb {
  width: 90%;
  height: 200px;
  margin: 0 auto 20px auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body#concept #main section#concept .concept-wrap dl {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 0;
  padding: 0 4% 0 4%;
  text-align: center;
}
body#concept #main section#concept .concept-wrap dl dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#concept #main section#concept .concept-wrap dl dt p.en {
  color: #0394ed;
  font-style: normal;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0px;
}
body#concept #main section#concept .concept-wrap dl dt p.ja {
  color: #000;
  font-style: normal;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 3px;
  margin-top: 1.2rem;
}
body#concept #main section#concept .concept-wrap dl dd {
  margin: 0rem 0 1rem 0;
  padding: 0 0 0 0;
}
body#concept #main section#concept .concept-wrap dl dd p {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 2.3;
}
body#concept #main section#concept .concept-wrap.cloud .thumb {
  background: url(/ja/img/concept/concept-cloud@2x.png) no-repeat center center;
  background-size: cover;
}
body#concept #main section#concept .concept-wrap.cost .thumb {
  background: url(/ja/img/concept/concept-cost@2x.png) no-repeat center center;
  background-size: cover;
}
body#concept #main section#concept .concept-wrap.innovation .thumb {
  background: url(/ja/img/concept/concept-innovation@2x.png) no-repeat center center;
  background-size: cover;
}
body#concept #main section#concept .concept-wrap.customer .thumb {
  background: url(/ja/img/concept/concept-customer@2x.png) no-repeat center center;
  background-size: cover;
}
@media (min-width: 768px) {
  body#concept #main section#concept .concept-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7% 0;
  }
  body#concept #main section#concept .concept-wrap .thumb {
    width: 38%;
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    height: 200px;
    height: 210px;
    margin-bottom: 0px;
    margin: 0;
    position: relative;
    top: 10px;
  }
  body#concept #main section#concept .concept-wrap dl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 0 0;
    padding: 0 4% 0 4%;
    text-align: left;
  }
  body#concept #main section#concept .concept-wrap dl dt {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  body#concept #main section#concept .concept-wrap dl dt p.en {
    color: #0394ed;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 0px;
  }
  body#concept #main section#concept .concept-wrap dl dt p.ja {
    color: #000;
    font-style: normal;
    font-size: 1.5625rem;
    font-weight: 500;
    letter-spacing: 3px;
    margin-top: 1.2rem;
  }
  body#concept #main section#concept .concept-wrap dl dd {
    margin: 0rem 0 0 0;
    padding: 0 0 0 0;
  }
  body#concept #main section#concept .concept-wrap dl dd p {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 2;
  }
  body#concept #main section#concept .concept-wrap.cloud .thumb {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    background: url(/ja/img/concept/concept-cloud@2x.png) no-repeat right center;
    background-size: cover;
  }
  body#concept #main section#concept .concept-wrap.cloud dl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#concept #main section#concept .concept-wrap.cost .thumb {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#concept #main section#concept .concept-wrap.cost dl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#concept #main section#concept .concept-wrap.innovation .thumb {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#concept #main section#concept .concept-wrap.innovation dl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#concept #main section#concept .concept-wrap.customer .thumb {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#concept #main section#concept .concept-wrap.customer dl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
body#concept #main section#culture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0px auto 0px auto;
  padding: 0 0 0 0;
  font-family: "Raleway", sans-serif;
  background: #0394ed;
}
body#concept #main section#culture .culture-header {
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 60px 0px 60px 0px;
}
body#concept #main section#culture .culture-header .h2 {
  font-family: "Noto Serif JP";
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 3.5px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #fff;
}
body#concept #main section#culture .culture-header .sub {
  margin: 20px auto 0px auto;
  padding: 0 2rem;
  line-height: 2.1;
  font-weight: 400;
  letter-spacing: 0.4px;
  color: #fff;
}
body#concept #main section#culture .culture-body {
  display: block;
  width: 100%;
  background: #e6f6ff;
  margin: 0 0 0 0;
  padding: 20px 0px 60px 0px;
  position: relative;
}
body#concept #main section#culture .culture-body::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #0394ed;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body#concept #main section#culture .culture-body .h3 {
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: 600;
  padding: 0 0 0 0;
  margin: 60px 0 15px 0;
}
body#concept #main section#culture .culture-body .text p {
  margin: 0 0 0 0;
  line-height: 2.5;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 2.3;
}
body#concept #main section#photo-background {
  display: block;
  width: 100%;
  height: 600px;
  background: url(/ja/img/concept/working-space.jpg) no-repeat center center;
  background-size: cover;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  -webkit-transition: -webkit-filter 1s;
  transition: -webkit-filter 1s;
  transition: filter 1s;
  transition: filter 1s, -webkit-filter 1s;
}
body#concept #main section#photo-background:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: -webkit-filter 1s;
  transition: -webkit-filter 1s;
  transition: filter 1s;
  transition: filter 1s, -webkit-filter 1s;
}
body#concept #main section#photo-message {
  width: 100%;
  height: 350px;
  background: url(/ja/img/concept/office.jpg) no-repeat left center;
  background-size: cover;
  padding: 0;
}
body#concept #main section#photo-message .wrap {
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 50px;
  width: 100%;
  height: 350px;
}
body#concept #main section#photo-message p {
  font-size: 1.1rem;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
body#concept #main section#photo-message .btn-wrap {
  padding-top: 10px;
  text-align: center;
}
@media (min-width: 992px) {
  body#concept #main section#photo-message {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background: url(/ja/img/concept/office.jpg) no-repeat left center;
    background-size: 55% auto;
  }
  body#concept #main section#photo-message .wrap {
    background: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0px 45px;
    width: 45.5%;
    -ms-flex-preferred-size: 45.5%;
        flex-basis: 45.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body#concept #main section#photo-message p {
    font-size: 1.25rem;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: left;
    text-align: justify;
  }
  body#concept #main section#photo-message .btn-wrap {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  body#concept #main section#photo-message p {
    text-align: left;
  }
}

/* body */
body#company {
  /* #main */
  /* =========================================================================== ⭐️ width 768〜 */
  /* =========================================================================== ⭐️ width 992〜 */
  /* =========================================================================== ⭐️ width 1200〜 */
  /* =========================================================================== END */
}
body#company #hero {
  position: relative;
}
body#company #hero .img-wrap img {
  margin: 0 auto 0 auto;
  display: block;
  /* 元サイズ： 768×530 */
}
body#company #main {
  padding-bottom: 100px;
  /* 会社概要 */
  /* 地図 */
  /* アワード */
}
body#company #main section {
  max-width: 900px;
  margin: 80px auto 0px auto;
  padding: 0 0 0 0;
}
body#company #main h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 35px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 60px 0;
  padding: 0 0 0 0;
}
body#company #main h2:first-letter {
  color: #0394ed;
}
body#company #main section.company-info {
  margin-top: 60px;
}
body#company #main section.company-info dl {
  border-bottom: 1px solid #E3E3E3;
  padding: 20px 15px 20px 15px;
  margin: 0;
  width: 100%;
}
body#company #main section.company-info dl:nth-of-type(1) {
  border-top: 1px solid #E3E3E3;
}
body#company #main section.company-info dl dt {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  margin-bottom: 10px;
}
body#company #main section.company-info dl dt span {
  font-size: 0.8rem;
  color: #666;
  font-weight: bold;
}
body#company #main section.company-info dl dd {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}
body#company #main section.company-info dl dd span {
  font-size: 0.95rem;
}
body#company #main section.company-info a.map {
  display: inline-block;
  border: 1px solid #0394ed;
  border-radius: 100px;
  font-weight: 600;
  padding: 5px 12px 7px 12px;
  margin: 0;
  position: relative;
  left: 10px;
  line-height: 1;
  font-size: 0.8rem;
}
body#company #main section.company-info a.map:hover {
  background: #0394ed;
  color: #fff;
  text-decoration: none;
}
body#company #main section.company-info ul li {
  margin-bottom: 10px;
}
body#company #main section.company-info ul li ul li {
  margin-bottom: 10px;
}
body#company #main section.company-info ul li ul ul {
  margin-bottom: 10px;
}
body#company #main section.company-info ul li ul ul li {
  margin-bottom: 0px;
}
body#company #main section.access .access-info ul {
  padding-top: 10px;
}
body#company #main section.access .access-info ul li {
  line-height: 1.5;
  font-size: 0.9rem;
  margin: 7px;
}
body#company #main section.access .access-info ul li i {
  margin-right: 8px;
  color: #9c9c9c;
  font-size: 0.8rem;
}
body#company #main section.access .googlemap-wrap iframe,
body#company #main section.access .googlemap-wrap object,
body#company #main section.access .googlemap-wrap embed {
  width: 100%;
  height: 300px;
  border-radius: 6px;
}
body#company #main section.access .googlemap-wrap.color iframe,
body#company #main section.access .googlemap-wrap.color object,
body#company #main section.access .googlemap-wrap.color embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body#company #main section.access .googlemap-wrap.color iframe:hover, body#company #main section.access .googlemap-wrap.color iframe:focus,
body#company #main section.access .googlemap-wrap.color object:hover,
body#company #main section.access .googlemap-wrap.color object:focus,
body#company #main section.access .googlemap-wrap.color embed:hover,
body#company #main section.access .googlemap-wrap.color embed:focus {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
body#company #main section.award ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#company #main section.award ul li {
  display: block;
  width: 80%;
  padding: 0 0 0 0;
  margin: 0 0 5% 0;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  min-height: 0%; /* IE11 */
}
@media (min-width: 768px) {
  body#company #hero {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  body#company {
    /* #main */
  }
  body#company #hero {
    padding-top: 100px;
    position: relative;
  }
  body#company #hero::after {
    content: "";
    background: #0394ed;
    width: 100%;
    height: 380px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  body#company #main {
    /* 会社概要 */
    /* 地図 */
    /* アワード */
  }
  body#company #main section.company-info {
    margin-top: 80px;
  }
  body#company #main section.company-info dl {
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 25px 20px 25px;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  body#company #main section.company-info dl:nth-of-type(1) {
    border-top: 1px solid #E3E3E3;
  }
  body#company #main section.company-info dl dt {
    width: 280px;
    margin-bottom: 10px;
  }
  body#company #main section.company-info dl dt span {
    color: #666;
    font-size: 0.9375rem;
    font-weight: normal;
  }
  body#company #main section.company-info dl dd {
    width: calc(100% - 200px);
  }
  body#company #main section.company-info dl dd span {
    font-size: 0.95rem;
  }
  body#company #main section.company-info a.tel {
    pointer-events: none;
    color: inherit;
  }
  body#company #main section.access .googlemap-wrap iframe,
  body#company #main section.access .googlemap-wrap object,
  body#company #main section.access .googlemap-wrap embed {
    width: 100%;
    height: 500px;
  }
  body#company #main section.award ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#company #main section.award ul li {
    width: 49%;
    margin: 0 0 2.5% 0;
  }
}
@media (min-width: 1200px) {
  body#company {
    /* #main */
  }
  body#company #main {
    /* アワード */
  }
  body#company #main section.award ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#company #main section.award ul li {
    width: 48%;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 4% 0;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
  }
}

/* body */
body#partner {
  /* =========================================================================== ⭐️ Mobile */
  /* #main */
  /* =========================================================================== ⭐️ width 600〜 */
  /* =========================================================================== ⭐️ width 992〜 */
  /* =========================================================================== END */
}
body#partner #hero {
  position: relative;
}
body#partner #hero .container-fluid, body#partner #hero .container-sm, body#partner #hero .container-md, body#partner #hero .container-lg, body#partner #hero .container-xl {
  padding: 30px 40px 0px 40px;
}
body#partner #main {
  /* ⭐️ パートナーの説明 */
  /* ⭐️ パートナー企業一覧 */
  /* ⭐️ パートナーになる */
}
body#partner #main section {
  max-width: 1140px;
  margin: auto auto auto auto;
  padding: 80px 0;
}
body#partner #main h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 35px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 60px 0;
  padding: 0 0 0 0;
}
body#partner #main h2:first-letter {
  color: #0394ed;
}
body#partner #main section.partner-intro {
  max-width: 1140px;
}
body#partner #main section.partner-intro .description p {
  line-height: 1.8;
  text-align: center;
}
body#partner #main section.partner-intro .description p br {
  display: none;
}
@media (min-width: 750px) {
  body#partner #main section.partner-intro .description p br {
    display: inline-block;
  }
}
body#partner #main section.partner-intro .btn-wrap {
  margin: 50px auto 0 auto;
}
body#partner #main section.partner-intro .btn-wrap .btn {
  padding: 15px 30px 16px;
}
body#partner #main .partners-wrap {
  padding: 0px 0px;
  background: url(/ja/img/partner/partner-hero.jpg) no-repeat center center;
  background: url(/ja/img/partner/partner-building.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
body#partner #main .partners-wrap::after {
  content: "";
  background: rgba(3, 148, 237, 0.2);
  background: rgba(3, 46, 74, 0.6);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
body#partner #main section.partners {
  width: 90%;
  position: relative;
  z-index: 2;
}
body#partner #main section.partners .h2-wrap {
  margin-bottom: 60px;
}
body#partner #main section.partners .h2-wrap h2 {
  margin-bottom: 20px;
  color: #fff;
}
body#partner #main section.partners .h2-wrap h2:first-letter {
  color: #fff;
}
body#partner #main section.partners .h2-wrap p {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
}
body#partner #main section.partners .card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
body#partner #main section.partners .card {
  width: 100%;
  margin-bottom: 9px;
  border: 1px solid #eee;
}
body#partner #main section.partners .card > a {
  min-height: 0%; /* IE11 */
}
body#partner #main section.partners .card .card-body {
  background: #f5f5f5;
}
body#partner #main section.partners .card .card-body .card-title {
  font-size: 0.95rem;
  margin: 0;
}
body#partner #main section.partners .card .card-body .card-text small a {
  font-size: 0.7rem;
  font-weight: 500;
  color: #888;
  font-family: "Raleway", sans-serif;
}
body#partner #main .partner-request-wrap {
  padding: 80px 0;
  background: url(/ja/img/partner/partner-businessman.jpg) no-repeat top right;
  background-size: cover;
  position: relative;
}
body#partner #main .partner-request-wrap::after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
body#partner #main section.partner-request {
  position: relative;
  z-index: 2;
  max-width: 100% !important;
  color: #fff;
}
body#partner #main section.partner-request .h2-wrap {
  margin: 0 auto;
  width: 90%;
}
body#partner #main section.partner-request .h2-wrap h2 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.5;
}
body#partner #main section.partner-request .h2-wrap h2:first-letter {
  color: #fff;
}
body#partner #main section.partner-request .h2-wrap .btn-wrap {
  margin: 30px auto 0 auto;
  text-align: center;
}
body#partner #main section.partner-request .h2-wrap .btn-wrap .btn {
  padding: 10px 30px;
}
@media (min-width: 600px) {
  body#partner #main {
    /* ⭐️ パートナー企業一覧 */
    /* ⭐️ パートナーになる */
  }
  body#partner #main section.partners .card {
    width: 32%;
    width: 49%;
    margin-bottom: 15px;
  }
  body#partner #main .partner-request-wrap::after {
    background: rgba(0, 0, 0, 0.5);
  }
  body#partner #main section.partner-request .h2-wrap {
    margin: 0 40px 0 40px;
    width: 40%;
  }
  body#partner #main section.partner-request .h2-wrap h2 {
    text-align: left;
  }
  body#partner #main section.partner-request .h2-wrap .btn-wrap {
    text-align: left;
  }
}
@media (min-width: 800px) {
  body#partner #main {
    /* ⭐️ パートナー企業一覧 */
  }
  body#partner #main section.partners {
    padding-left: 20px;
    padding-right: 20px;
  }
  body#partner #main section.partners .card {
    width: 32%;
    margin-bottom: 20px;
  }
}

/* body */
body#friends .font-color-white {
  color: #fff !important;
}
body#friends .font-color-red {
  color: #dd2828 !important;
}
body#friends #hero {
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #fff4e1;
}
body#friends #hero .hero-body {
  width: 100%;
  height: calc(100vh - 200px);
  background: url(/ja/img/friends/hero.svg) no-repeat center center;
  background-size: contain;
}
@media (min-width: 540px) {
  body#friends #hero .hero-body {
    width: 100%;
    height: 440px;
    background: url(/ja/img/friends/hero.svg) no-repeat center center;
    background-size: contain;
  }
}
@media (min-width: 768px) {
  body#friends #hero .hero-body {
    width: 100%;
    height: 400px;
    background: url(/ja/img/friends/hero-md.svg) no-repeat center center;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  body#friends #hero .hero-body {
    width: 100%;
    height: 400px;
    background: url(/ja/img/friends/hero-lg.svg) no-repeat center center;
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  body#friends #hero .hero-body {
    width: 100%;
    height: 480px;
    background: url(/ja/img/friends/hero-lg.svg) no-repeat center center;
    background-size: contain;
  }
}
body#friends #main {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
body#friends #main .h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 35px;
  letter-spacing: 1.5px;
  line-height: 1.2;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}
@media (min-width: 768px) {
  body#friends #main .h3 {
    margin: 0 0 70px 0;
  }
}
body#friends #about {
  background-color: #2f8efd;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
body#friends #about .about-wrap {
  border-radius: 10px;
  background-color: #fff;
  padding: 40px 0px;
  margin-left: auto;
  margin-right: auto;
}
body#friends #about h3 {
  font-size: 35px;
  font-weight: 600;
  color: #ed4b43;
  text-align: center;
  position: relative;
  display: inline;
  letter-spacing: 3px;
}
body#friends #about h3::before {
  content: "";
  width: 30px;
  height: 5px;
  border-radius: 100px;
  background-color: #ed4b43;
  position: absolute;
  top: 50%;
  left: -60px;
  margin-top: -3px;
}
body#friends #about h3::after {
  content: "";
  width: 30px;
  height: 5px;
  border-radius: 100px;
  background-color: #ed4b43;
  position: absolute;
  top: 50%;
  left: 150px;
  margin-top: -3px;
}
body#friends #about p.whats {
  margin: 10px auto 10px;
  font-size: 16px;
  font-weight: 500;
  color: #555;
}
body#friends #about ul.hand {
  list-style: none;
  padding: 0;
  margin: 30px auto 30px;
  color: #0077ed;
  font-weight: bold;
  font-size: 18px;
}
body#friends #about ul.hand li img {
  width: 70px;
}
body#friends #about .description {
  margin: 0px 30px 30px;
}
body#friends #about .description br {
  display: none;
}
body#friends #about .description p {
  font-size: 15px;
  font-weight: 400;
  text-align: justify;
}
body#friends #about .thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#friends #about .thumbnail img {
  width: 95%;
  max-width: 416px;
  margin-bottom: 15px;
}
@media (min-width: 600px) {
  body#friends #about .description {
    margin: 0px 30px 30px;
  }
  body#friends #about .description br {
    display: block;
  }
  body#friends #about .description p {
    text-align: center;
  }
}
@media (min-width: 900px) {
  body#friends #about {
    background-color: #2f8efd;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    background-image: linear-gradient(-45deg, #2f8efd 25%, #7cb8fd 25%, #7cb8fd 50%, #2f8efd 50%, #2f8efd 75%, #7cb8fd 75%);
    background-size: 300px 300px;
    background-attachment: fixed;
  }
  body#friends #about .about-wrap {
    border-radius: 10px;
    background-color: #fff;
    padding: 60px 10px;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  }
  body#friends #about h3 {
    font-size: 50px;
    font-weight: 600;
    color: #ed4b43;
    text-align: center;
    position: relative;
    display: inline;
    letter-spacing: 3px;
  }
  body#friends #about h3::before {
    content: "";
    width: 50px;
    height: 5px;
    border-radius: 100px;
    background-color: #ed4b43;
    position: absolute;
    top: 50%;
    left: -80px;
    margin-top: -3px;
  }
  body#friends #about h3::after {
    content: "";
    width: 50px;
    height: 5px;
    border-radius: 100px;
    background-color: #ed4b43;
    position: absolute;
    top: 50%;
    left: 200px;
    margin-top: -3px;
  }
  body#friends #about p.whats {
    margin: 10px auto 0px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
  }
  body#friends #about ul.hand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    padding: 0;
    margin: 30px auto 30px;
    color: #0077ed;
    font-weight: bold;
    font-size: 25px;
  }
  body#friends #about ul.hand li.end {
    padding-left: 10px;
  }
  body#friends #about .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body#friends #about .thumbnail img {
    width: 50%;
    max-width: 416px;
  }
}
body#friends #flow {
  background-color: #fff4e1;
}
body#friends #flow .step1::before {
  content: "1";
}
body#friends #flow .step2::before {
  content: "2";
}
body#friends #flow .step3::before {
  content: "3";
}
body#friends #flow .step::before {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  border-radius: 100px;
  text-align: center;
  width: 23px;
  height: 23px;
  padding: 0 0 3px 0;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 3px;
  left: 0px;
}
body#friends #flow #introducer .step::before {
  background-color: #f7525f;
}
body#friends #flow #introducer dt, body#friends #flow #introducer dd.text p {
  color: #df4b57;
}
body#friends #flow #introducer dd.img {
  border: 1px solid #f0b4b9;
}
body#friends #flow #friends .step::before {
  background-color: #1db591;
}
body#friends #flow #friends dt, body#friends #flow #friends dd.text p {
  color: #179c7d;
}
body#friends #flow #friends dd.img {
  border: 1px solid #a8d1c7;
}
body#friends #flow #introducer, body#friends #flow #friends {
  width: 100%;
  max-width: 430px;
  margin: 15px;
  border-radius: 10px;
}
body#friends #flow #introducer dl, body#friends #flow #friends dl {
  position: relative;
  margin: 30px 20px 50px;
}
body#friends #flow #introducer dl dt, body#friends #flow #friends dl dt {
  padding-left: 29px;
  font-size: 18px;
  letter-spacing: 1px;
}
body#friends #flow #introducer dl dd.img, body#friends #flow #friends dl dd.img {
  background-color: #fff;
  border-radius: 6px;
  margin: 20px auto;
  text-align: center;
}
body#friends #flow #introducer dl dd.img img, body#friends #flow #friends dl dd.img img {
  max-width: 300px;
  width: 90%;
}
body#friends #flow #introducer dl dd.text p, body#friends #flow #friends dl dd.text p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
body#friends #flow #introducer h4, body#friends #flow #friends h4 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
  display: block;
  padding: 20px 0px;
  border-radius: 10px 10px 0 0;
}
body#friends #flow #introducer {
  background-color: #ffeff2;
}
body#friends #flow #introducer h4 {
  background-color: #f7525f;
}
body#friends #flow #friends {
  background-color: #f3fff7;
}
body#friends #flow #friends h4 {
  background-color: #1db591;
}
body#friends #rule {
  position: relative;
}
body#friends #rule #terms {
  position: absolute;
  top: -90px;
  width: 100%;
}
body#friends #rule table.table {
  width: 100%;
  min-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
body#friends #rule table.table thead th {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 10px;
  letter-spacing: 1px;
}
body#friends #rule table.table tbody th, body#friends #rule table.table tbody td {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}
body#friends #rule table.table tbody th {
  padding: 5px 25px;
  background-color: #f5f5f5;
  vertical-align: middle;
  font-weight: 500;
  letter-spacing: 1.5px;
}
body#friends #rule table.table tbody td {
  padding: 15px 20px 17px;
  letter-spacing: 1px;
  font-size: 14px;
}
body#friends #rule table.table tbody td ul {
  margin: 0;
  padding-left: 10px;
}
body#friends #rule table.table tbody td ul li {
  list-style-type: none;
  position: relative;
  padding-left: 1rem;
  line-height: 1.5;
  margin-top: 15px;
  margin-bottom: 15px;
}
body#friends #rule table.table tbody td ul li:before {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  background: #1ec4e6; /*点の色*/
}
body#friends #faq {
  background-color: #f1f1f1;
}
body#friends #faq .card {
  margin-top: 20px;
  margin-bottom: 20px;
}
body#friends #faq .card .card-body {
  padding: 30px 30px;
}
body#friends #faq .card .card-body .card-title {
  position: relative;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 25px 0;
}
body#friends #faq .card .card-body .card-title::before {
  content: "Q";
  color: #00BCD4;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: -8px;
}
body#friends #faq .card .card-body .card-text {
  position: relative;
  font-size: 14px;
  position: relative;
  padding: 0 0 0 33px;
  margin: 0 0 0 0;
}
body#friends #faq .card .card-body .card-text::before {
  content: "A";
  color: #00BCD4;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 2px;
  top: -9px;
}
body#friends #start {
  background-color: #fff4e1;
  background-color: #e6f6ff;
  border-top: 1px solid #d6e7f1;
}
body#friends #start .btn-tokusuru {
  background-color: #FFE200;
  padding: 1rem 5rem 1rem;
  line-height: 1;
  letter-spacing: 1px;
}
body#friends #start .btn-tokusuru span {
  color: #111;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 17px;
  line-height: 1;
}
body#friends #start .btn-tokusuru:hover {
  background-color: #ffc609;
}
body#friends #start .btn-tokusuru:hover span {
  color: #000;
}
body#friends #start .h3 {
  margin-bottom: 30px !important;
}
body#friends #start .h3 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 3px;
  line-height: 1.2;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#friends #start .h3 span:last-child {
  margin-left: 6px;
}
@media (min-width: 500px) {
  body#friends #start .h3 span {
    display: inline;
  }
  body#friends #start .h3 span:last-child {
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  body#friends #start .h3 {
    margin: 0 0 70px 0;
  }
}
body#friends #start .card {
  border: none;
  text-align: center;
  width: 100%;
  background-color: inherit !important;
}
body#friends #start .card dl {
  overflow: hidden;
  border-radius: 6px;
  margin: 20px auto;
  position: relative;
}
body#friends #start .card dl::before {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background-color: #fff;
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 100px;
}
body#friends #start .card dl dt {
  text-align: center;
  color: #fff !important;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1.4px;
  padding: 30px 0;
}
body#friends #start .card dl dd {
  text-align: center;
}
body#friends #start .card dl dd.title {
  padding-top: 130px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 1.5px;
}
body#friends #start .card dl dd.description {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 15px;
}
body#friends #start .card dl dd.button {
  margin: 25px auto;
}
body#friends #start .card dl, body#friends #start .card dt, body#friends #start .card dd {
  max-width: 340px;
}
body#friends #start .card dl.introducer {
  background-color: #FF7D81;
  background-color: #f75e6b;
}
body#friends #start .card dl.introducer::after {
  content: "";
  display: block;
  width: 80px;
  height: 95px;
  background: url(/ja/img/friends/introducer.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -40px;
}
body#friends #start .card dl.introducer dt {
  background-color: #da3745;
}
body#friends #start .card dl.friends {
  background-color: #26AE90;
  background-color: #1db591;
}
body#friends #start .card dl.friends::after {
  content: "";
  display: block;
  width: 80px;
  height: 95px;
  background: url(/ja/img/friends/friends.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -40px;
}
body#friends #start .card dl.friends dt {
  background-color: #159779;
}
@media (min-width: 740px) {
  body#friends #start .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#friends #start .card dl {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin: 10px;
  }
  body#friends #start .card dl dd.description {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 800px) {
  body#friends #start .card dl, body#friends #start .card dt, body#friends #start .card dd {
    max-width: 350x;
  }
  body#friends #start .card dl {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 40px;
  }
}

/* body */
body#price {
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== END */
}
body#price #main .h2 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body#price #main .h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  body#price #main .h2 {
    margin-bottom: 40px;
  }
}
body#price #hero-B {
  width: 100%;
  height: 400px;
  background: url(/ja/img/price/price-index-hero.svg) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
body#price #hero-B .wrap {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  position: relative;
}
body#price #hero-B .title-wrap {
  position: relative;
  left: 0px;
  top: -10px;
  text-align: center;
  margin: 0 20px;
}
body#price #hero-B .title-wrap .h1 {
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  color: #1b1b1b;
  letter-spacing: 4px;
}
body#price #hero-B .title-wrap .english {
  margin: 8px 0 0 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8;
  color: #1b1b1b;
}
body#price #hero-B .title-wrap .btn-wrap {
  margin-top: 15px;
}
body#price #hero-B .title-wrap .btn-wrap .btn {
  padding: 14px 25px 14px 30px;
}
@media (max-width: 767.98px) {
  body#price #hero-B::before {
    content: "";
    background: inherit; /* .conceptの背景画像を継承 */
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    /* ブラー効果で画像の端がボヤけた分だけ位置を調整（角が半透明ボケになってしまうため） */
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
  }
  body#price #hero-B::after {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(237, 235, 187, 0.5);
    background: rgba(224, 224, 224, 0.5);
    z-index: 1;
  }
}
@media (min-width: 768px) {
  body#price #hero-B .wrap {
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 5;
    position: relative;
  }
  body#price #hero-B .title-wrap {
    text-align: left;
    margin: 0 20px;
    position: relative;
    top: -10px;
  }
  body#price #hero-B .title-wrap h1 {
    font-size: 40px;
    font-weight: 500;
    margin: 0;
    color: #333333;
  }
  body#price #hero-B .title-wrap p {
    margin: 10px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    color: #333333;
  }
}
body#price #main {
  /* 料金システムの特長 */
  /* =========================================================================== ⭐️  */
  /* 料金 */
  /* =========================================================================== ⭐️  */
  /* 本数割・継続割 */
}
body#price #main section#price-point ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
body#price #main section#price-point ul li {
  padding: 2px;
}
body#price #main section#price-point ul li:first-child {
  padding-left: 0;
}
body#price #main section#price-point ul li:last-child {
  padding-right: 0;
}
@media (min-width: 576px) {
  body#price #main section#price-point ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }
  body#price #main section#price-point ul li {
    padding: 10px;
  }
  body#price #main section#price-point ul li:first-child {
    padding-left: 0;
  }
  body#price #main section#price-point ul li:last-child {
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  body#price #main section#price-point ul li {
    padding: 0 30px;
  }
  body#price #main section#price-point ul li:first-child {
    padding-left: 0;
  }
  body#price #main section#price-point ul li:last-child {
    padding-right: 0;
  }
}
body#price #main section#price-wrap {
  background: #eb3851;
  width: 100%;
  display: block;
}
body#price #main .price-list .h2 {
  color: #fff;
}
body#price #main .price-list .description {
  color: #fff;
}
body#price #main .price-list .circuit-designer .license-img {
  background: url(/ja/img/price/price-circuit-designer.png) no-repeat center center;
  background-size: cover;
  background-color: #f1f1f1;
}
body#price #main .price-list .pcb-designer .license-img {
  background: url(/ja/img/price/price-pcb-designer.png) no-repeat center center;
  background-size: cover;
  background-color: #f1f1f1;
}
@media (min-width: 768px) {
  body#price #main .price-list .circuit-designer {
    padding-right: 10px;
  }
  body#price #main .price-list .pcb-designer {
    padding-left: 10px;
  }
}
body#price #main .price-list .detail {
  margin: 0 0 0 0;
  padding: 25px;
  background: #f9f9f9;
  border-radius: 5px;
}
body#price #main .price-list .detail .product-name {
  border-radius: 6px 6px 0 0;
  margin-bottom: 20px;
}
body#price #main .price-list .detail .product-name span {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-top: 4px;
  display: block;
  line-height: 1.5;
}
body#price #main .price-list .detail .product-name span:first-child {
  margin-top: 0px;
  font-size: 19px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
body#price #main .price-list .detail .license-img {
  width: 100%;
  height: 150px;
  display: block;
  margin: 0 auto 0 auto;
  border-radius: 3px;
}
body#price #main .price-list .detail .contract-type {
  color: #0394ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto 0 auto;
  padding: 20px 0px 10px;
}
body#price #main .price-list .detail .contract-type dl.month,
body#price #main .price-list .detail .contract-type dl.year {
  margin: 5px 0 5px 0;
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body#price #main .price-list .detail .contract-type dl.month dt,
body#price #main .price-list .detail .contract-type dl.year dt {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 0 0 0;
  padding-right: 0px;
  display: block;
  position: relative;
  width: 50px;
}
body#price #main .price-list .detail .contract-type dl.month dd,
body#price #main .price-list .detail .contract-type dl.year dd {
  font-family: "Roboto", sans-serif;
  padding: 0 0 0 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#price #main .price-list .detail .contract-type dl.month dd small,
body#price #main .price-list .detail .contract-type dl.year dd small {
  padding-left: 5px;
  font-size: 13px;
  letter-spacing: 2px;
}
body#price #main .price-list .detail .contract-type dl.month dd div.tax,
body#price #main .price-list .detail .contract-type dl.year dd div.tax {
  width: auto;
  margin-right: 20px;
  font-size: 12px;
}
body#price #main .price-list .detail .otoku {
  border-bottom: 1px solid #e8e8e8;
  color: #dd2828;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 20px 0;
  margin: 0 0 0 0;
}
body#price #main .price-list .detail .links {
  padding: 12px 0 0 0;
  margin: 0 0 0 0;
  border-top: 1px solid #ffffff;
}
body#price #main .price-list .detail .links ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
body#price #main .price-list .detail .links ul li {
  display: block;
  margin: 5px 10px 5px 0;
  padding: 0 0 0 0;
  font-size: 15px;
}
body#price #main .price-list .detail .links ul li:before {
  content: "\f35a";
  font-family: "Font Awesome 5 Free";
}
body#price #main .price-list .detail .links ul li a {
  color: #444;
  font-size: 0.9rem;
  font-weight: 400;
  margin-left: 8px;
}
body#price #main .price-list .detail .links ul li a:hover {
  color: #0394ed;
  text-decoration: none;
}
@media (min-width: 850px) {
  body#price #main .price-list .detail .product-name {
    border-radius: 6px 6px 0 0;
    margin-bottom: 30px;
  }
  body#price #main .price-list .detail .product-name span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 4px;
    display: block;
    line-height: 1.5;
  }
  body#price #main .price-list .detail .product-name span:first-child {
    margin-top: 0px;
    font-size: 26px;
    letter-spacing: 0.9px;
    font-weight: 600;
  }
  body#price #main .price-list .detail .license-img {
    height: 220px;
  }
  body#price #main .price-list .detail .contract-type {
    padding: 30px 0px 10px 0px;
  }
  body#price #main .price-list .detail .contract-type dl.month,
  body#price #main .price-list .detail .contract-type dl.year {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#price #main .price-list .detail .contract-type dl.month dt,
  body#price #main .price-list .detail .contract-type dl.year dt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0 0 0 0;
    padding-right: 0px;
    display: block;
    position: relative;
    width: 65px;
  }
  body#price #main .price-list .detail .contract-type dl.month dd,
  body#price #main .price-list .detail .contract-type dl.year dd {
    padding: 0 0 0 0;
    font-size: 30px !important;
    line-height: 1;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#price #main .price-list .detail .contract-type dl.month dd small,
  body#price #main .price-list .detail .contract-type dl.year dd small {
    padding-left: 5px;
    font-size: 13px;
    letter-spacing: 2px;
  }
  body#price #main .price-list .detail .contract-type dl.month dd div.tax,
  body#price #main .price-list .detail .contract-type dl.year dd div.tax {
    width: auto;
    padding-bottom: 0px;
    margin-right: 10px;
  }
  body#price #main .price-list .detail .otoku {
    border-bottom: 1px solid #e8e8e8;
    color: #dd2828;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
  }
}
@media (min-width: 1200px) {
  body#price #main .price-list .detail .contract-type {
    padding: 30px 0px 10px 0px;
  }
  body#price #main .price-list .detail .contract-type dl.month,
  body#price #main .price-list .detail .contract-type dl.year {
    margin: 5px 0 5px 0;
    padding: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#price #main .price-list .detail .contract-type dl.month dt,
  body#price #main .price-list .detail .contract-type dl.year dt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0 0 0 0;
    padding-right: 0px;
    display: block;
    position: relative;
    width: 65px;
  }
  body#price #main .price-list .detail .contract-type dl.month dd,
  body#price #main .price-list .detail .contract-type dl.year dd {
    padding: 0 0 0 0;
    font-size: 35px !important;
    line-height: 1;
    letter-spacing: 1.5px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#price #main .price-list .detail .contract-type dl.month dd small,
  body#price #main .price-list .detail .contract-type dl.year dd small {
    padding-left: 5px;
    font-size: 13px;
    letter-spacing: 2px;
  }
  body#price #main .price-list .detail .contract-type dl.month dd div.tax,
  body#price #main .price-list .detail .contract-type dl.year dd div.tax {
    font-size: 14px;
    width: auto;
    padding-bottom: 0px;
    margin-right: 10px;
    position: relative;
    top: 3px;
  }
}
body#price #main #discount-list {
  position: absolute;
  top: -140px;
  left: 0;
}
body#price #main section#discount dl.detail {
  background: #f9f9f9;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0 0 6px 6px;
}
body#price #main section#discount dl.detail > dt {
  background: #444444;
  padding: 12px 19px 15px;
  line-height: 1.5;
  border-radius: 6px 6px 0 0;
}
body#price #main section#discount dl.detail > dt span {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-top: 4px;
}
body#price #main section#discount dl.detail > dt span:first-child {
  margin-top: 0px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
body#price #main section#discount dl.detail dd {
  margin: 20px 20px 20px 20px;
}
body#price #main section#discount dl.detail dd p {
  font-size: 0.9rem;
  padding: 0px 2px;
}
body#price #main section#discount dl.detail dd.graph {
  background: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 25px 0px !important;
}
body#price #main section#discount dl.detail dd.description {
  padding-top: 0px;
}
body#price #conversion {
  border-top: 1px solid #eee;
  text-align: center;
}
body#price #conversion .btn-wrap .btn {
  margin: 5px 5px;
  width: 400px;
  padding: 15px 30px;
}

/* body */
body#payment {
  /* =========================================================================== ⭐️ ヒーローエリア */
  /* =========================================================================== ⭐️ ライセンスの購入（新規・継続） */
  /* =========================================================================== ⭐️ 自動継続 */
  /* =========================================================================== ⭐️ 支払方法 */
  /* =========================================================================== ⭐️ 振込口座 */
  /* =========================================================================== ⭐️ 利用可能なクレジットカード */
  /* =========================================================================== ⭐️ 各種書類の発行 */
  /* =========================================================================== ⭐️ 支払方法の変更 */
  /* =========================================================================== ⭐️ 関連ページへのリンク */
  /* =========================================================================== END */
}
body#payment #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#payment #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#payment #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#payment #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1200px) {
  body#payment #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
body#payment #main .h2 {
  margin-bottom: 20px;
}
body#payment #main .h2 small {
  position: relative;
  top: -1px;
  left: 5px;
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  body#payment #main .h2 {
    margin-bottom: 20px;
  }
  body#payment #main .h2 small {
    position: relative;
    top: -5px;
    left: 10px;
    font-size: 20px;
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  body#payment #main .h2 {
    margin-bottom: 40px;
  }
}
body#payment #hero-B {
  width: 100%;
  height: 400px;
  background: url(/ja/img/payment/price-payment-hero.svg) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
body#payment #hero-B .wrap {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  position: relative;
}
body#payment #hero-B .title-wrap {
  position: relative;
  left: 0px;
  top: -10px;
  text-align: center;
  margin: 0 20px;
}
body#payment #hero-B .title-wrap .h1 {
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  color: #1b1b1b;
  letter-spacing: 4px;
}
body#payment #hero-B .title-wrap .english {
  margin: 8px 0 0 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8;
  color: #1b1b1b;
}
body#payment #hero-B .title-wrap .btn-wrap {
  margin-top: 15px;
}
body#payment #hero-B .title-wrap .btn-wrap .btn {
  padding: 14px 25px 14px 30px;
}
@media (max-width: 767.98px) {
  body#payment #hero-B::before {
    content: "";
    background: inherit; /* .conceptの背景画像を継承 */
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    /* ブラー効果で画像の端がボヤけた分だけ位置を調整（角が半透明ボケになってしまうため） */
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
  }
  body#payment #hero-B::after {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(237, 235, 187, 0.5);
    background: rgba(224, 224, 224, 0.5);
    z-index: 1;
  }
}
@media (min-width: 768px) {
  body#payment #hero-B .wrap {
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 5;
    position: relative;
  }
  body#payment #hero-B .title-wrap {
    text-align: left;
    margin: 0 20px;
    position: relative;
    top: -10px;
  }
  body#payment #hero-B .title-wrap h1 {
    font-size: 40px;
    font-weight: 500;
    margin: 0;
    color: #333333;
  }
  body#payment #hero-B .title-wrap p {
    margin: 10px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    color: #333333;
  }
}
body#payment #how-to-purchase .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#payment #how-to-purchase .text {
  text-align: justify;
}
body#payment #how-to-purchase .graphic {
  overflow: auto;
}
body#payment #how-to-purchase .graphic img {
  display: block;
  margin: 30px auto 0;
}
@media (min-width: 992px) {
  body#payment #how-to-purchase .layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  body#payment #how-to-purchase .text {
    width: 45%;
  }
  body#payment #how-to-purchase .graphic {
    margin: 0 0 0 50px;
    position: relative;
    top: -10px;
  }
  body#payment #how-to-purchase .graphic img {
    display: block;
    margin: 0 auto 0;
  }
}
@media (min-width: 1200px) {
  body#payment #how-to-purchase .text {
    width: 50%;
    margin-bottom: 0px;
  }
  body#payment #how-to-purchase .graphic {
    top: -30px;
    margin: 0 0 -90px 50px;
  }
}
body#payment #section-auto {
  position: relative;
}
body#payment #section-auto #auto {
  position: absolute;
  top: -120px;
  left: 0;
}
body#payment #section-payment-chart {
  position: relative;
}
body#payment #section-payment-chart #payment-chart {
  position: absolute;
  top: -120px;
  left: 0;
}
body#payment #section-payment-chart .x-scroll-wrap {
  overflow: auto;
}
body#payment #section-payment-chart table.chart {
  width: 100%;
  min-width: 800px;
}
body#payment #section-payment-chart table.chart th, body#payment #section-payment-chart table.chart td {
  border: 1px solid #666;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 400;
  list-style: 1.5;
}
body#payment #section-payment-chart table.chart thead th, body#payment #section-payment-chart table.chart thead td {
  font-weight: 500;
  font-size: 16px;
  border-radius: none;
  color: #fff;
  background-color: #111;
}
body#payment #section-payment-chart table.chart thead td.credit-card {
  background-color: #0f7fdb;
}
body#payment #section-payment-chart table.chart thead td.bank {
  background-color: #3aa549;
}
body#payment #section-payment-chart table.chart tbody th {
  width: 200px;
  color: #fff;
  background-color: #333;
}
body#payment #section-payment-chart table.chart tbody td {
  width: 40%;
}
body#payment #section-payment-chart table.chart tbody td.credit-card {
  background-color: #f5fbff;
}
body#payment #section-payment-chart table.chart tbody td.bank {
  background-color: #fbfff5;
}
body#payment #section-payment-chart dl.chart-item,
body#payment #section-payment-chart dl.chart-item dt,
body#payment #section-payment-chart dl.chart-item dd {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  list-style: 1.5;
}
body#payment #section-payment-chart dl.chart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8rem;
}
body#payment #section-payment-chart dl.chart-item:last-child {
  margin-bottom: 0;
}
body#payment #section-payment-chart dl.chart-item dt {
  border: 1px solid #555;
  background-color: #fff;
  font-size: 12px;
  width: 75px;
  line-height: 1;
  text-align: center;
  border-radius: 100px;
  padding: 4px 0 5px;
  margin-right: 0.5rem;
}
body#payment #section-payment-chart dl.chart-item dd {
  padding-bottom: 1px;
}
body#payment #bank .chart dl.name .wrap-red {
  border: 1px solid #dd2828;
  border-radius: 3px;
  color: #dd2828;
  color: #fff;
  padding: 3px 8px 4px 3px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  background-color: #fffeee;
  background-color: #dd2828;
}
body#payment #bank .chart dl.name dt {
  margin-bottom: 3px;
  width: 200px;
}
body#payment #bank .chart dl.name dd i {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
body#payment #bank .bank-notes {
  display: none !important;
  border: 1px solid #dd2828;
  border-radius: 5px;
  background-color: #fff8f8;
  padding: 24px;
  margin-top: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#payment #bank .bank-notes dl {
  margin-bottom: 20px;
}
body#payment #bank .bank-notes dl dt {
  margin-bottom: 4px;
}
body#payment #bank .bank-notes dl dt span {
  font-weight: 500;
}
body#payment #bank .bank-notes dl dd {
  line-height: 1.4;
}
body#payment #bank .bank-notes dl dd span {
  font-size: 14px;
}
@media (min-width: 768px) {
  body#payment #bank .wrap .chart {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#payment #bank .wrap .chart dl {
    width: calc(50% - 10px);
  }
  body#payment #bank .wrap .chart dl.name {
    width: 100%;
  }
  body#payment #bank .wrap .chart dl.name .wrap-red {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  body#payment #bank .wrap .bank-notes {
    margin-left: 15px;
    width: calc(100% - 250px);
  }
}
@media (min-width: 992px) {
  body#payment #bank .wrap .chart dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 15px 15px 15px;
  }
  body#payment #bank .wrap .chart dl dt {
    width: 130px;
  }
  body#payment #bank .wrap .chart dl dd {
    margin-bottom: 0;
  }
}
body#payment #credit-card ul li {
  margin: 5px 12px;
}
body#payment #credit-card ul li img {
  height: 45px;
}
@media (min-width: 768px) {
  body#payment #credit-card ul li {
    margin: 10px 18px;
  }
  body#payment #credit-card ul li img {
    height: 65px;
  }
}
body#payment #invoice {
  position: relative;
}
body#payment #invoice #evidence {
  position: absolute;
  top: -120px;
  width: 1px;
  height: 1px;
}
body#payment #section-payment-change {
  position: relative;
}
body#payment #section-payment-change #payment-change {
  position: absolute;
  top: -120px;
  left: 0;
}
body#payment #section-payment-change .img-wrap {
  text-align: center;
  overflow: hidden;
}
body#payment #section-payment-change .img-wrap .x-scroll-wrap {
  overflow: auto;
}
body#payment #section-payment-change dl {
  border: none;
}
body#payment #section-payment-change dl dd {
  padding-left: 5px;
}
body#payment #section-payment-change dl.setting-on-before dt {
  padding-left: 5px;
  position: relative;
}
body#payment #section-payment-change dl.setting-on-before dt:before {
  content: "";
  display: block;
  background: #aadef7;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: -12px;
}
body#payment #section-payment-change dl.setting-on-before-after dt {
  padding-left: 5px;
  position: relative;
  background: url(/ja/img/payment/price-label-before.svg) no-repeat 80px center;
  background-size: auto 22px;
}
body#payment #section-payment-change dl.setting-on-before-after dt:before {
  content: "";
  display: block;
  background: #ffe36e;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: -12px;
}
body#payment #section-payment-change dl.setting-on-after dt {
  padding-left: 5px;
  position: relative;
  background: url(/ja/img/payment/price-label-after.svg) no-repeat 80px center;
  background-size: auto 22px;
}
body#payment #section-payment-change dl.setting-on-after dt:before {
  content: "";
  display: block;
  background: #f73737;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: -12px;
}
body#payment #section-payment-change dl.setting-off dt {
  padding-left: 5px;
  position: relative;
}
body#payment #section-payment-change dl.setting-off dt:before {
  content: "";
  display: block;
  background: #aaf7a1;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: -12px;
}
body#payment #section-payment-change .manual-link {
  margin: 50px auto 0;
  border: 1px solid #ebe2c9;
  border-radius: 5px;
  background-color: #fffef5;
  padding: 20px 30px;
}
body#payment #section-payment-change .manual-link h3 {
  font-size: 15px;
  font-weight: 500;
  display: block;
  letter-spacing: 1px;
  line-height: 1.6;
}
body#payment #section-payment-change .manual-link ul {
  padding: 0;
  margin: 8px 0 0 40px;
}
body#payment #section-payment-change .manual-link ul li,
body#payment #section-payment-change .manual-link ul a {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 1px;
}
body#payment #related-articles {
  text-align: center;
}
body#payment #related-articles .btn-wrap .btn {
  width: 100%;
  padding: 15px 30px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  body#payment #related-articles .btn-wrap .btn {
    width: auto;
    padding: 15px 30px;
    margin: 0 5px 10px 5px;
  }
}

/* body */
body#sitetop-v11-release-after,
body#sitetop-v11-release-before,
body#sitetop-v11-release,
body#sitetop,
body#case-index,
body#case {
  /* =========================================================================== END */
}
body#sitetop-v11-release-after #case-list,
body#sitetop-v11-release-before #case-list,
body#sitetop-v11-release #case-list,
body#sitetop #case-list,
body#case-index #case-list,
body#case #case-list {
  padding: 60px 0 40px 0;
}
body#sitetop-v11-release-after #case-list .title-wrap,
body#sitetop-v11-release-before #case-list .title-wrap,
body#sitetop-v11-release #case-list .title-wrap,
body#sitetop #case-list .title-wrap,
body#case-index #case-list .title-wrap,
body#case #case-list .title-wrap {
  margin-bottom: 50px;
  text-align: center;
}
body#sitetop-v11-release-after #case-list .title-wrap .h2,
body#sitetop-v11-release-before #case-list .title-wrap .h2,
body#sitetop-v11-release #case-list .title-wrap .h2,
body#sitetop #case-list .title-wrap .h2,
body#case-index #case-list .title-wrap .h2,
body#case #case-list .title-wrap .h2 {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 1.6;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#sitetop-v11-release-after #case-list .title-wrap .h2 + span,
body#sitetop-v11-release-before #case-list .title-wrap .h2 + span,
body#sitetop-v11-release #case-list .title-wrap .h2 + span,
body#sitetop #case-list .title-wrap .h2 + span,
body#case-index #case-list .title-wrap .h2 + span,
body#case #case-list .title-wrap .h2 + span {
  font-size: 1.125rem;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 4px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
@media (min-width: 576px) {
  body#sitetop-v11-release-after #case-list .title-wrap .h2,
  body#sitetop-v11-release-before #case-list .title-wrap .h2,
  body#sitetop-v11-release #case-list .title-wrap .h2,
  body#sitetop #case-list .title-wrap .h2,
  body#case-index #case-list .title-wrap .h2,
  body#case #case-list .title-wrap .h2 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.6;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  body#sitetop-v11-release-after #case-list .title-wrap .h2 + span,
  body#sitetop-v11-release-before #case-list .title-wrap .h2 + span,
  body#sitetop-v11-release #case-list .title-wrap .h2 + span,
  body#sitetop #case-list .title-wrap .h2 + span,
  body#case-index #case-list .title-wrap .h2 + span,
  body#case #case-list .title-wrap .h2 + span {
    font-size: 1.125rem;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 4px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #case-list .title-wrap .h2,
  body#sitetop-v11-release-before #case-list .title-wrap .h2,
  body#sitetop-v11-release #case-list .title-wrap .h2,
  body#sitetop #case-list .title-wrap .h2,
  body#case-index #case-list .title-wrap .h2,
  body#case #case-list .title-wrap .h2 {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.6;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  body#sitetop-v11-release-after #case-list .title-wrap .h2 + span,
  body#sitetop-v11-release-before #case-list .title-wrap .h2 + span,
  body#sitetop-v11-release #case-list .title-wrap .h2 + span,
  body#sitetop #case-list .title-wrap .h2 + span,
  body#case-index #case-list .title-wrap .h2 + span,
  body#case #case-list .title-wrap .h2 + span {
    font-size: 1.125rem;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 4px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
}
body#sitetop-v11-release-after #case-list .cases,
body#sitetop-v11-release-before #case-list .cases,
body#sitetop-v11-release #case-list .cases,
body#sitetop #case-list .cases,
body#case-index #case-list .cases,
body#case #case-list .cases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* 他社の成功事例の画像 */
}
body#sitetop-v11-release-after #case-list .cases a,
body#sitetop-v11-release-before #case-list .cases a,
body#sitetop-v11-release #case-list .cases a,
body#sitetop #case-list .cases a,
body#case-index #case-list .cases a,
body#case #case-list .cases a {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 40px;
  position: relative;
}
@media (min-width: 500px) {
  body#sitetop-v11-release-after #case-list .cases a,
  body#sitetop-v11-release-before #case-list .cases a,
  body#sitetop-v11-release #case-list .cases a,
  body#sitetop #case-list .cases a,
  body#case-index #case-list .cases a,
  body#case #case-list .cases a {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    margin-bottom: 40px;
    position: relative;
  }
}
@media (min-width: 768px) {
  body#sitetop-v11-release-after #case-list .cases a,
  body#sitetop-v11-release-before #case-list .cases a,
  body#sitetop-v11-release #case-list .cases a,
  body#sitetop #case-list .cases a,
  body#case-index #case-list .cases a,
  body#case #case-list .cases a {
    -ms-flex-preferred-size: calc(33% - 10px);
        flex-basis: calc(33% - 10px);
    margin-bottom: 40px;
    position: relative;
  }
}
@media (min-width: 992px) {
  body#sitetop-v11-release-after #case-list .cases a,
  body#sitetop-v11-release-before #case-list .cases a,
  body#sitetop-v11-release #case-list .cases a,
  body#sitetop #case-list .cases a,
  body#case-index #case-list .cases a,
  body#case #case-list .cases a {
    -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
    margin-bottom: 40px;
    position: relative;
  }
}
body#sitetop-v11-release-after #case-list .cases a,
body#sitetop-v11-release-before #case-list .cases a,
body#sitetop-v11-release #case-list .cases a,
body#sitetop #case-list .cases a,
body#case-index #case-list .cases a,
body#case #case-list .cases a {
  color: #6c757d;
  display: block;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);
}
body#sitetop-v11-release-after #case-list .cases a:hover,
body#sitetop-v11-release-before #case-list .cases a:hover,
body#sitetop-v11-release #case-list .cases a:hover,
body#sitetop #case-list .cases a:hover,
body#case-index #case-list .cases a:hover,
body#case #case-list .cases a:hover {
  text-decoration: none;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  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;
}
body#sitetop-v11-release-after #case-list .cases a:hover li.thumb,
body#sitetop-v11-release-before #case-list .cases a:hover li.thumb,
body#sitetop-v11-release #case-list .cases a:hover li.thumb,
body#sitetop #case-list .cases a:hover li.thumb,
body#case-index #case-list .cases a:hover li.thumb,
body#case #case-list .cases a:hover li.thumb {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
body#sitetop-v11-release-after #case-list .cases a:hover li.company,
body#sitetop-v11-release-before #case-list .cases a:hover li.company,
body#sitetop-v11-release #case-list .cases a:hover li.company,
body#sitetop #case-list .cases a:hover li.company,
body#case-index #case-list .cases a:hover li.company,
body#case #case-list .cases a:hover li.company {
  color: #0394ed;
}
body#sitetop-v11-release-after #case-list .cases a:hover li.logo,
body#sitetop-v11-release-before #case-list .cases a:hover li.logo,
body#sitetop-v11-release #case-list .cases a:hover li.logo,
body#sitetop #case-list .cases a:hover li.logo,
body#case-index #case-list .cases a:hover li.logo,
body#case #case-list .cases a:hover li.logo {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
body#sitetop-v11-release-after #case-list .cases a:hover li.icon,
body#sitetop-v11-release-before #case-list .cases a:hover li.icon,
body#sitetop-v11-release #case-list .cases a:hover li.icon,
body#sitetop #case-list .cases a:hover li.icon,
body#case-index #case-list .cases a:hover li.icon,
body#case #case-list .cases a:hover li.icon {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
body#sitetop-v11-release-after #case-list .cases ul,
body#sitetop-v11-release-before #case-list .cases ul,
body#sitetop-v11-release #case-list .cases ul,
body#sitetop #case-list .cases ul,
body#case-index #case-list .cases ul,
body#case #case-list .cases ul {
  list-style-type: none;
  padding: 15px 15px 60px 15px;
  margin: 0;
  border-radius: 5px;
}
body#sitetop-v11-release-after #case-list .cases ul li.thumb,
body#sitetop-v11-release-before #case-list .cases ul li.thumb,
body#sitetop-v11-release #case-list .cases ul li.thumb,
body#sitetop #case-list .cases ul li.thumb,
body#case-index #case-list .cases ul li.thumb,
body#case #case-list .cases ul li.thumb {
  background-color: #efe2f7;
  width: 100%;
  height: 200px;
  -webkit-filter: grayscale(100);
          filter: grayscale(100); /* モノクロにする */
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
body#sitetop-v11-release-after #case-list .cases ul li.logo,
body#sitetop-v11-release-before #case-list .cases ul li.logo,
body#sitetop-v11-release #case-list .cases ul li.logo,
body#sitetop #case-list .cases ul li.logo,
body#case-index #case-list .cases ul li.logo,
body#case #case-list .cases ul li.logo {
  width: 100%;
  height: 80px;
  -webkit-filter: grayscale(100);
          filter: grayscale(100); /* モノクロにする */
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
body#sitetop-v11-release-after #case-list .cases ul li.company span,
body#sitetop-v11-release-before #case-list .cases ul li.company span,
body#sitetop-v11-release #case-list .cases ul li.company span,
body#sitetop #case-list .cases ul li.company span,
body#case-index #case-list .cases ul li.company span,
body#case #case-list .cases ul li.company span {
  font-weight: 500;
}
body#sitetop-v11-release-after #case-list .cases ul li.message,
body#sitetop-v11-release-before #case-list .cases ul li.message,
body#sitetop-v11-release #case-list .cases ul li.message,
body#sitetop #case-list .cases ul li.message,
body#case-index #case-list .cases ul li.message,
body#case #case-list .cases ul li.message {
  margin-top: 10px;
}
body#sitetop-v11-release-after #case-list .cases ul li.message span,
body#sitetop-v11-release-before #case-list .cases ul li.message span,
body#sitetop-v11-release #case-list .cases ul li.message span,
body#sitetop #case-list .cases ul li.message span,
body#case-index #case-list .cases ul li.message span,
body#case #case-list .cases ul li.message span {
  font-size: 0.9rem;
  text-align: justify;
}
body#sitetop-v11-release-after #case-list .cases ul li.icon,
body#sitetop-v11-release-before #case-list .cases ul li.icon,
body#sitetop-v11-release #case-list .cases ul li.icon,
body#sitetop #case-list .cases ul li.icon,
body#case-index #case-list .cases ul li.icon,
body#case #case-list .cases ul li.icon {
  position: absolute;
  bottom: 20px;
  right: 18px;
  width: 100%;
  height: 12px;
  padding: 10px;
  margin-top: 15px;
  background: url(/ja/img/common/icon-link.svg) no-repeat right center;
  background-size: 34px 10px;
  -webkit-filter: grayscale(100);
          filter: grayscale(100); /* モノクロにする */
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
body#sitetop-v11-release-after #case-list .cases .wti .thumb,
body#sitetop-v11-release-before #case-list .cases .wti .thumb,
body#sitetop-v11-release #case-list .cases .wti .thumb,
body#sitetop #case-list .cases .wti .thumb,
body#case-index #case-list .cases .wti .thumb,
body#case #case-list .cases .wti .thumb {
  background: url(/ja/img/case/wti/hero@2x.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .wti .logo,
body#sitetop-v11-release-before #case-list .cases .wti .logo,
body#sitetop-v11-release #case-list .cases .wti .logo,
body#sitetop #case-list .cases .wti .logo,
body#case-index #case-list .cases .wti .logo,
body#case #case-list .cases .wti .logo {
  background: url(/ja/img/case/wti/logo.gif) no-repeat center center;
  background-size: auto 32px;
}
body#sitetop-v11-release-after #case-list .cases .tatsuno .thumb,
body#sitetop-v11-release-before #case-list .cases .tatsuno .thumb,
body#sitetop-v11-release #case-list .cases .tatsuno .thumb,
body#sitetop #case-list .cases .tatsuno .thumb,
body#case-index #case-list .cases .tatsuno .thumb,
body#case #case-list .cases .tatsuno .thumb {
  background: url(/ja/img/case/tatsuno/hero@2x.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .tatsuno .logo,
body#sitetop-v11-release-before #case-list .cases .tatsuno .logo,
body#sitetop-v11-release #case-list .cases .tatsuno .logo,
body#sitetop #case-list .cases .tatsuno .logo,
body#case-index #case-list .cases .tatsuno .logo,
body#case #case-list .cases .tatsuno .logo {
  background: url(/ja/img/case/tatsuno/logo@2x.png) no-repeat center center;
  background-size: auto 32px;
}
body#sitetop-v11-release-after #case-list .cases .iza-systems .thumb,
body#sitetop-v11-release-before #case-list .cases .iza-systems .thumb,
body#sitetop-v11-release #case-list .cases .iza-systems .thumb,
body#sitetop #case-list .cases .iza-systems .thumb,
body#case-index #case-list .cases .iza-systems .thumb,
body#case #case-list .cases .iza-systems .thumb {
  background: url(/ja/img/case/iza-systems/hero+.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .iza-systems .logo,
body#sitetop-v11-release-before #case-list .cases .iza-systems .logo,
body#sitetop-v11-release #case-list .cases .iza-systems .logo,
body#sitetop #case-list .cases .iza-systems .logo,
body#case-index #case-list .cases .iza-systems .logo,
body#case #case-list .cases .iza-systems .logo {
  background: url(/ja/img/case/iza-systems/logo.png) no-repeat center center;
  background-size: auto 24px;
}
body#sitetop-v11-release-after #case-list .cases .smk .thumb,
body#sitetop-v11-release-before #case-list .cases .smk .thumb,
body#sitetop-v11-release #case-list .cases .smk .thumb,
body#sitetop #case-list .cases .smk .thumb,
body#case-index #case-list .cases .smk .thumb,
body#case #case-list .cases .smk .thumb {
  background: url(/ja/img/case/smk/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .smk .logo,
body#sitetop-v11-release-before #case-list .cases .smk .logo,
body#sitetop-v11-release #case-list .cases .smk .logo,
body#sitetop #case-list .cases .smk .logo,
body#case-index #case-list .cases .smk .logo,
body#case #case-list .cases .smk .logo {
  background: url(/ja/img/case/smk/logo.svg) no-repeat center center;
  background-size: auto 36px;
}
body#sitetop-v11-release-after #case-list .cases .piezo-sonic .thumb,
body#sitetop-v11-release-before #case-list .cases .piezo-sonic .thumb,
body#sitetop-v11-release #case-list .cases .piezo-sonic .thumb,
body#sitetop #case-list .cases .piezo-sonic .thumb,
body#case-index #case-list .cases .piezo-sonic .thumb,
body#case #case-list .cases .piezo-sonic .thumb {
  background: url(/ja/img/case/piezo-sonic/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .piezo-sonic .logo,
body#sitetop-v11-release-before #case-list .cases .piezo-sonic .logo,
body#sitetop-v11-release #case-list .cases .piezo-sonic .logo,
body#sitetop #case-list .cases .piezo-sonic .logo,
body#case-index #case-list .cases .piezo-sonic .logo,
body#case #case-list .cases .piezo-sonic .logo {
  background: url(/ja/img/case/piezo-sonic/logo.png) no-repeat center center;
  background-size: auto 30px;
}
body#sitetop-v11-release-after #case-list .cases .directrf .thumb,
body#sitetop-v11-release-before #case-list .cases .directrf .thumb,
body#sitetop-v11-release #case-list .cases .directrf .thumb,
body#sitetop #case-list .cases .directrf .thumb,
body#case-index #case-list .cases .directrf .thumb,
body#case #case-list .cases .directrf .thumb {
  background: url(/ja/img/case/directrf/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .directrf .logo,
body#sitetop-v11-release-before #case-list .cases .directrf .logo,
body#sitetop-v11-release #case-list .cases .directrf .logo,
body#sitetop #case-list .cases .directrf .logo,
body#case-index #case-list .cases .directrf .logo,
body#case #case-list .cases .directrf .logo {
  background: url(/ja/img/case/directrf/logo.jpg) no-repeat center center;
  background-size: auto 40px;
}
body#sitetop-v11-release-after #case-list .cases .junior .thumb,
body#sitetop-v11-release-before #case-list .cases .junior .thumb,
body#sitetop-v11-release #case-list .cases .junior .thumb,
body#sitetop #case-list .cases .junior .thumb,
body#case-index #case-list .cases .junior .thumb,
body#case #case-list .cases .junior .thumb {
  background: url(/ja/img/case/junior/thumb-top.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .junior .logo,
body#sitetop-v11-release-before #case-list .cases .junior .logo,
body#sitetop-v11-release #case-list .cases .junior .logo,
body#sitetop #case-list .cases .junior .logo,
body#case-index #case-list .cases .junior .logo,
body#case #case-list .cases .junior .logo {
  background: url(/ja/img/case/junior/logo.png) no-repeat center center;
  background-size: auto 32px;
}
body#sitetop-v11-release-after #case-list .cases .ushio .thumb,
body#sitetop-v11-release-before #case-list .cases .ushio .thumb,
body#sitetop-v11-release #case-list .cases .ushio .thumb,
body#sitetop #case-list .cases .ushio .thumb,
body#case-index #case-list .cases .ushio .thumb,
body#case #case-list .cases .ushio .thumb {
  background: url(/ja/img/case/ushio/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .ushio .logo,
body#sitetop-v11-release-before #case-list .cases .ushio .logo,
body#sitetop-v11-release #case-list .cases .ushio .logo,
body#sitetop #case-list .cases .ushio .logo,
body#case-index #case-list .cases .ushio .logo,
body#case #case-list .cases .ushio .logo {
  background: url(/ja/img/case/ushio/logo.png) no-repeat center center;
  background-size: auto 20px;
}
body#sitetop-v11-release-after #case-list .cases .whill .thumb,
body#sitetop-v11-release-before #case-list .cases .whill .thumb,
body#sitetop-v11-release #case-list .cases .whill .thumb,
body#sitetop #case-list .cases .whill .thumb,
body#case-index #case-list .cases .whill .thumb,
body#case #case-list .cases .whill .thumb {
  background: url(/ja/img/case/whill/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .whill .logo,
body#sitetop-v11-release-before #case-list .cases .whill .logo,
body#sitetop-v11-release #case-list .cases .whill .logo,
body#sitetop #case-list .cases .whill .logo,
body#case-index #case-list .cases .whill .logo,
body#case #case-list .cases .whill .logo {
  background: url(/ja/img/case/whill/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 36px;
}
body#sitetop-v11-release-after #case-list .cases .matrix .thumb,
body#sitetop-v11-release-before #case-list .cases .matrix .thumb,
body#sitetop-v11-release #case-list .cases .matrix .thumb,
body#sitetop #case-list .cases .matrix .thumb,
body#case-index #case-list .cases .matrix .thumb,
body#case #case-list .cases .matrix .thumb {
  background: url(/ja/img/case/matrix/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .matrix .logo,
body#sitetop-v11-release-before #case-list .cases .matrix .logo,
body#sitetop-v11-release #case-list .cases .matrix .logo,
body#sitetop #case-list .cases .matrix .logo,
body#case-index #case-list .cases .matrix .logo,
body#case #case-list .cases .matrix .logo {
  background: url(/ja/img/case/matrix/logo.png) no-repeat center center;
  background-size: auto 20px;
}
body#sitetop-v11-release-after #case-list .cases .xenoma .thumb,
body#sitetop-v11-release-before #case-list .cases .xenoma .thumb,
body#sitetop-v11-release #case-list .cases .xenoma .thumb,
body#sitetop #case-list .cases .xenoma .thumb,
body#case-index #case-list .cases .xenoma .thumb,
body#case #case-list .cases .xenoma .thumb {
  background: url(/ja/img/case/xenoma/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .xenoma .logo,
body#sitetop-v11-release-before #case-list .cases .xenoma .logo,
body#sitetop-v11-release #case-list .cases .xenoma .logo,
body#sitetop #case-list .cases .xenoma .logo,
body#case-index #case-list .cases .xenoma .logo,
body#case #case-list .cases .xenoma .logo {
  background: url(/ja/img/case/xenoma/logo.png) no-repeat center center;
  background-size: auto 20px;
}
body#sitetop-v11-release-after #case-list .cases .braveridge .thumb,
body#sitetop-v11-release-before #case-list .cases .braveridge .thumb,
body#sitetop-v11-release #case-list .cases .braveridge .thumb,
body#sitetop #case-list .cases .braveridge .thumb,
body#case-index #case-list .cases .braveridge .thumb,
body#case #case-list .cases .braveridge .thumb {
  background: url(/ja/img/case/braveridge/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .braveridge .logo,
body#sitetop-v11-release-before #case-list .cases .braveridge .logo,
body#sitetop-v11-release #case-list .cases .braveridge .logo,
body#sitetop #case-list .cases .braveridge .logo,
body#case-index #case-list .cases .braveridge .logo,
body#case #case-list .cases .braveridge .logo {
  background: url(/ja/img/case/braveridge/logo.png) no-repeat center center;
  background-size: auto 20px;
}
body#sitetop-v11-release-after #case-list .cases .uec .thumb,
body#sitetop-v11-release-before #case-list .cases .uec .thumb,
body#sitetop-v11-release #case-list .cases .uec .thumb,
body#sitetop #case-list .cases .uec .thumb,
body#case-index #case-list .cases .uec .thumb,
body#case #case-list .cases .uec .thumb {
  background: url(/ja/img/case/uec/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .uec .logo,
body#sitetop-v11-release-before #case-list .cases .uec .logo,
body#sitetop-v11-release #case-list .cases .uec .logo,
body#sitetop #case-list .cases .uec .logo,
body#case-index #case-list .cases .uec .logo,
body#case #case-list .cases .uec .logo {
  background: url(/ja/img/case/uec/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 25px;
}
body#sitetop-v11-release-after #case-list .cases .unibo .thumb,
body#sitetop-v11-release-before #case-list .cases .unibo .thumb,
body#sitetop-v11-release #case-list .cases .unibo .thumb,
body#sitetop #case-list .cases .unibo .thumb,
body#case-index #case-list .cases .unibo .thumb,
body#case #case-list .cases .unibo .thumb {
  background: url(/ja/img/case/unibo/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .unibo .logo,
body#sitetop-v11-release-before #case-list .cases .unibo .logo,
body#sitetop-v11-release #case-list .cases .unibo .logo,
body#sitetop #case-list .cases .unibo .logo,
body#case-index #case-list .cases .unibo .logo,
body#case #case-list .cases .unibo .logo {
  background: url(/ja/img/case/unibo/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 26px;
}
body#sitetop-v11-release-after #case-list .cases .taiyo .thumb,
body#sitetop-v11-release-before #case-list .cases .taiyo .thumb,
body#sitetop-v11-release #case-list .cases .taiyo .thumb,
body#sitetop #case-list .cases .taiyo .thumb,
body#case-index #case-list .cases .taiyo .thumb,
body#case #case-list .cases .taiyo .thumb {
  background: url(/ja/img/case/taiyo/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .taiyo .logo,
body#sitetop-v11-release-before #case-list .cases .taiyo .logo,
body#sitetop-v11-release #case-list .cases .taiyo .logo,
body#sitetop #case-list .cases .taiyo .logo,
body#case-index #case-list .cases .taiyo .logo,
body#case #case-list .cases .taiyo .logo {
  background: url(/ja/img/case/taiyo/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 35px;
}
body#sitetop-v11-release-after #case-list .cases .elephantech .thumb,
body#sitetop-v11-release-before #case-list .cases .elephantech .thumb,
body#sitetop-v11-release #case-list .cases .elephantech .thumb,
body#sitetop #case-list .cases .elephantech .thumb,
body#case-index #case-list .cases .elephantech .thumb,
body#case #case-list .cases .elephantech .thumb {
  background: url(/ja/img/case/elephantech/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .elephantech .logo,
body#sitetop-v11-release-before #case-list .cases .elephantech .logo,
body#sitetop-v11-release #case-list .cases .elephantech .logo,
body#sitetop #case-list .cases .elephantech .logo,
body#case-index #case-list .cases .elephantech .logo,
body#case #case-list .cases .elephantech .logo {
  background: url(/ja/img/case/elephantech/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 25px;
}
body#sitetop-v11-release-after #case-list .cases .oval .thumb,
body#sitetop-v11-release-before #case-list .cases .oval .thumb,
body#sitetop-v11-release #case-list .cases .oval .thumb,
body#sitetop #case-list .cases .oval .thumb,
body#case-index #case-list .cases .oval .thumb,
body#case #case-list .cases .oval .thumb {
  background: url(/ja/img/case/oval/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .oval .logo,
body#sitetop-v11-release-before #case-list .cases .oval .logo,
body#sitetop-v11-release #case-list .cases .oval .logo,
body#sitetop #case-list .cases .oval .logo,
body#case-index #case-list .cases .oval .logo,
body#case #case-list .cases .oval .logo {
  background: url(/ja/img/case/oval/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 42px;
}
body#sitetop-v11-release-after #case-list .cases .kyastem .thumb,
body#sitetop-v11-release-before #case-list .cases .kyastem .thumb,
body#sitetop-v11-release #case-list .cases .kyastem .thumb,
body#sitetop #case-list .cases .kyastem .thumb,
body#case-index #case-list .cases .kyastem .thumb,
body#case #case-list .cases .kyastem .thumb {
  background: url(/ja/img/case/kyastem/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .kyastem .logo,
body#sitetop-v11-release-before #case-list .cases .kyastem .logo,
body#sitetop-v11-release #case-list .cases .kyastem .logo,
body#sitetop #case-list .cases .kyastem .logo,
body#case-index #case-list .cases .kyastem .logo,
body#case #case-list .cases .kyastem .logo {
  background: url(/ja/img/case/kyastem/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 32px;
}
body#sitetop-v11-release-after #case-list .cases .keio .thumb,
body#sitetop-v11-release-before #case-list .cases .keio .thumb,
body#sitetop-v11-release #case-list .cases .keio .thumb,
body#sitetop #case-list .cases .keio .thumb,
body#case-index #case-list .cases .keio .thumb,
body#case #case-list .cases .keio .thumb {
  background: url(/ja/img/case/keio/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .keio .logo,
body#sitetop-v11-release-before #case-list .cases .keio .logo,
body#sitetop-v11-release #case-list .cases .keio .logo,
body#sitetop #case-list .cases .keio .logo,
body#case-index #case-list .cases .keio .logo,
body#case #case-list .cases .keio .logo {
  background: url(/ja/img/case/keio/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 28px;
}
body#sitetop-v11-release-after #case-list .cases .mtm .thumb,
body#sitetop-v11-release-before #case-list .cases .mtm .thumb,
body#sitetop-v11-release #case-list .cases .mtm .thumb,
body#sitetop #case-list .cases .mtm .thumb,
body#case-index #case-list .cases .mtm .thumb,
body#case #case-list .cases .mtm .thumb {
  background: url(/ja/img/case/mtm/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .mtm .logo,
body#sitetop-v11-release-before #case-list .cases .mtm .logo,
body#sitetop-v11-release #case-list .cases .mtm .logo,
body#sitetop #case-list .cases .mtm .logo,
body#case-index #case-list .cases .mtm .logo,
body#case #case-list .cases .mtm .logo {
  background: url(/ja/img/case/mtm/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 29px;
}
body#sitetop-v11-release-after #case-list .cases .embeck .thumb,
body#sitetop-v11-release-before #case-list .cases .embeck .thumb,
body#sitetop-v11-release #case-list .cases .embeck .thumb,
body#sitetop #case-list .cases .embeck .thumb,
body#case-index #case-list .cases .embeck .thumb,
body#case #case-list .cases .embeck .thumb {
  background: url(/ja/img/case/embeck/hero.png) no-repeat center center;
  background-size: cover;
}
body#sitetop-v11-release-after #case-list .cases .embeck .logo,
body#sitetop-v11-release-before #case-list .cases .embeck .logo,
body#sitetop-v11-release #case-list .cases .embeck .logo,
body#sitetop #case-list .cases .embeck .logo,
body#case-index #case-list .cases .embeck .logo,
body#case #case-list .cases .embeck .logo {
  background: url(/ja/img/case/embeck/logo.png) no-repeat center center;
  background-size: auto 20px;
  background-size: auto 18px;
}

/* body */
body#case-index {
  /* =========================================================================== ⭐️  */
  /* =========================================================================== END */
}
body#case-index #hero {
  width: 100%;
  background: #0394ed;
  color: #fff;
}
body#case-index #hero .wrap {
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
body#case-index #hero .title-wrap {
  width: 100%;
}
body#case-index #hero .title-wrap .h1 {
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  color: #fff;
}
body#case-index #hero .title-wrap .english {
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: #fff;
}
body#case-index #hero .title-wrap .description {
  margin-top: 1.8rem;
  font-size: 0.95rem;
}
@media (min-width: 768px) {
  body#case-index #hero .hero-icon {
    background: url(/ja/img/case/index/case-index-hero.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    width: 340px;
    height: 300px;
  }
}
@media (min-width: 992px) {
  body#case-index #hero .hero-icon {
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    width: 400px;
    height: 360px;
  }
}
@media (min-width: 1200px) {
  body#case-index #hero .hero-icon {
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translate(0%, -40%);
            transform: translate(0%, -40%);
    width: 430px;
    height: 380px;
  }
}
body#case-index #case-list {
  padding: 20px 0 40px 0;
}

body#sitetop-v11-release #case-list .cases a li.thumb,
body#sitetop #case-list .cases a li.thumb,
body#case-index #case-list .cases a li.thumb {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
body#sitetop-v11-release #case-list .cases a li.logo,
body#sitetop #case-list .cases a li.logo,
body#case-index #case-list .cases a li.logo {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
body#sitetop-v11-release #case-list .cases a:hover li.thumb,
body#sitetop #case-list .cases a:hover li.thumb,
body#case-index #case-list .cases a:hover li.thumb {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-filter: brightness(1.08);
          filter: brightness(1.08);
}
body#sitetop-v11-release #case-list .cases a:hover li.company,
body#sitetop #case-list .cases a:hover li.company,
body#case-index #case-list .cases a:hover li.company {
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
}

body#case {
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
}
body#case #hero {
  background: #fff;
  padding: 50px 0 50px 0;
  margin: 0 0 0 0;
}
body#case #hero .client-logo {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
body#case #hero .client-logo img {
  width: auto;
  height: 25px;
  position: relative;
  top: 5px;
  left: 0px;
}
body#case #hero .h2 {
  padding: 0 0 0 0;
  margin: 30px 0 0 0;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 1.7px;
}
body#case #hero .description {
  margin-top: 20px;
}
body#case #hero .description p {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1.6px;
  color: #666;
}
body#case #hero .description p:last-child {
  margin-bottom: 0;
}
body#case #hero .interviewee ul {
  list-style: none;
  padding: 0 0 0 0;
  margin: 20px 0 0 0;
}
body#case #hero .interviewee ul li {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 1.45;
  display: block;
}
body#case #hero .interviewee ul li span {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1.6px;
  color: #818181;
}
body#case #hero .interviewee ul li strong span {
  font-weight: 500;
  font-size: 0.9rem;
}
body#case #hero .hero-img {
  background-color: #fafafa;
  padding: 50px;
}
body#case #hero .hero-img .hero-img-body {
  min-height: 300px;
  min-height: 400px;
  /* 各導入事例のHERO画像（768x768）は、この「case.scss」の下の方で指定 */
}
@media (min-width: 768px) {
  body#case #hero .hero-img {
    padding: 0 15px 0 0;
    background-color: #ffffff;
  }
  body#case #hero .hero-img .hero-img-body {
    background-position: right center;
  }
}
body#case #main #fixed-navi {
  position: relative;
  top: 0px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 40px 30px 40px;
  margin: 0 40px 80px 40px;
}
@media (min-width: 768px) {
  body#case #main #fixed-navi {
    position: sticky;
    top: 200px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 30px 40px;
    margin: 0 20px 0 0;
  }
}
body#case #main #fixed-navi .img-wrap {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
body#case #main #fixed-navi .img-wrap img {
  display: block;
  height: 25px;
}
body#case #main #fixed-navi dl {
  margin: 0 0 0 0;
}
body#case #main #fixed-navi dl dt {
  font-size: 0.9rem;
}
body#case #main #fixed-navi dl dt span {
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}
body#case #main #fixed-navi dl dd {
  margin-top: 10px;
}
body#case #main #fixed-navi dl dd p {
  line-height: 1.8;
  font-size: 0.95rem;
  color: #444;
}
body#case #main #fixed-navi dl dd p:last-child {
  margin-bottom: 0;
}
body#case #main #fixed-navi dl.tags {
  margin-top: 25px;
}
body#case #main #fixed-navi dl.tags dd span {
  border: 1px solid #bebebe;
  display: inline-block;
  padding: 5px 8px 6px 8px;
  font-size: 0.7rem;
  line-height: 1;
  color: #888;
  margin: 1px;
  font-weight: 400;
  border-radius: 3px;
}
body#case #main #fixed-navi dl.tags dd span:first-child {
  margin-left: 0;
}
body#case #main #fixed-navi .btn-wrap {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 30px;
}
body#case #main #fixed-navi .btn-wrap .btn {
  padding: 0.7rem 1.1rem !important;
}
body#case #main .case-main {
  border-top: 1px solid rgba(206, 218, 223, 0.5);
  background: #f5fafc;
  background: rgba(245, 250, 252, 0.9);
  padding: 100px 0 100px 0;
}
body#case #main .case-main section {
  padding-top: 20px;
}
body#case #main .case-main p {
  line-height: 1.9;
  margin-bottom: 1.5625rem;
}
body#case #main .case-main p.name {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
body#case #main .case-main .emphasis-color {
  color: #dd2828;
}
body#case #main .case-main .h2 {
  font-size: 1.625rem;
  font-weight: 400 !important;
  letter-spacing: 1.7px;
  line-height: 1.4;
  margin-bottom: 1.5625rem;
}
body#case #main .case-main .h2::before {
  content: "";
  margin-bottom: 2.3rem;
  width: 40px;
  height: 2px;
  display: block;
  background: #0394ed;
}
body#case #main .case-main .h2 .sub {
  display: block;
  font-size: 1.0625rem;
  font-weight: 400;
  letter-spacing: 1.4px;
  line-height: 1.4;
  padding-bottom: 10px;
}
body#case #main .case-main .h3 {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 1.7px;
  line-height: 1.4;
  padding: 0 0 15px 0;
  margin: 20px 0 10px 0;
}
body#case #main .case-main .notes-wrap {
  background-color: #fff;
  padding: 20px 30px;
}
body#case #main .case-main dl.notes {
  padding: 0 0 0 24px;
  margin-top: 0.9375rem;
  width: 100%;
}
body#case #main .case-main dl.notes dt.kome {
  line-height: 1.3;
  position: relative;
}
body#case #main .case-main dl.notes dt.kome::before {
  content: "※";
  position: absolute;
  top: 5px;
  left: -20px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #666;
}
body#case #main .case-main dl.notes dt.kome span {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #666;
}
body#case #main .case-main dl.notes dd {
  margin-top: 0.625rem;
  line-height: 1.3;
}
body#case #main .case-main dl.notes dd span {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #666;
}
body#case #main .case-main section.why {
  background: #fff;
  padding: 20px 50px 50px 50px;
  margin-bottom: 100px;
}
body#case #main .case-main section.why .h2 {
  font-size: 1.625rem;
  font-weight: 500 !important;
  letter-spacing: 1.7px;
  line-height: 1.4;
  margin-bottom: 3.125rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  text-align: center;
  position: relative;
}
body#case #main .case-main section.why .h2::before {
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  background: #0394ed;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
body#case #main .case-main section.why .h3 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.7px;
  line-height: 1.4;
  padding: 0 0 15px 0;
  margin: 20px 0 40px 0;
}
body#case #main .case-main section.why .h4 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 1.7px;
  line-height: 1.4;
  padding: 0 0 0 0;
  margin: 36px 0 20px 0;
}
body#case #main .case-main .gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#case #main .case-main .gallery ul li {
  margin: 15px;
}
@media (min-width: 576px) {
  body#case #main .case-main .gallery ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body#case #main .case-main .gallery ul li {
    width: 50%;
    margin: 10px 10px 0 10px;
  }
}
body#case #main .paging-inner {
  margin-bottom: 0px;
}
body#case #main .paging-inner .btn-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
body#case #main .paging-inner .btn-wrap a {
  margin-left: 5px;
  margin-right: 5px;
}
body#case #main .paging {
  margin-bottom: 80px;
}
body#case #main .paging .btn-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
body#case #main .paging .btn-wrap a {
  margin-left: 5px;
  margin-right: 5px;
}
/* body */
/* =========================================================================== ⭐️  */
/* =========================================================================== ⭐️  */
body#case.wti #hero .client-logo img {
  height: 58px;
}
body#case.wti #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/wti/hero@2x.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.wti #main #fixed-navi .img-wrap img {
  width: auto;
  height: 36px;
}

body#case.tatsuno #hero .client-logo img {
  height: 42px;
}
body#case.tatsuno #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/tatsuno/hero@2x.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.tatsuno #main #fixed-navi .img-wrap img {
  width: auto;
  height: 36px;
}

body#case.iza-systems #hero .client-logo img {
  height: 30px;
}
body#case.iza-systems #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/iza-systems/hero+@2x.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.iza-systems #main #fixed-navi .img-wrap img {
  width: auto;
  height: 28px;
}

body#case.smk #hero .client-logo img {
  height: 40px;
}
body#case.smk #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/smk/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.smk #main #fixed-navi .img-wrap img {
  width: auto;
  height: 40px;
}

body#case.piezo-sonic #hero .client-logo img {
  height: 40px;
}
body#case.piezo-sonic #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/piezo-sonic/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.piezo-sonic #main #fixed-navi .img-wrap img {
  width: auto;
  height: 40px;
}

body#case.directrf #hero .client-logo img {
  height: 60px;
}
body#case.directrf #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/directrf/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.directrf #main #fixed-navi .img-wrap img {
  width: auto;
  height: 50px;
}

body#case.junior #hero .client-logo img {
  height: 36px;
}
body#case.junior #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/junior/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.junior #main #fixed-navi .img-wrap img {
  width: 250px;
  height: 36px;
}

body#case.whill #hero .client-logo img {
  height: 50px;
}
body#case.whill #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/whill/hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-position: right center;
  margin-right: 20px;
}
body#case.whill #main #fixed-navi .img-wrap img {
  width: 100%;
  height: 40px;
}

body#case.ushio #hero .client-logo img {
  height: 25px;
}
body#case.ushio #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/ushio/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.ushio #main #fixed-navi .img-wrap img {
  width: 100px;
  height: 28px;
}

body#case.xenoma #hero .client-logo img {
  height: 25px;
}
body#case.xenoma #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/xenoma/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.xenoma #main #fixed-navi .img-wrap img {
  width: 122px;
  height: 25px;
}

body#case.matrix #hero .client-logo img {
  height: 25px;
}
body#case.matrix #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/matrix/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.matrix #main #fixed-navi .img-wrap img {
  width: 122px;
  height: 25px;
}

body#case.braveridge #hero .client-logo img {
  height: 25px;
}
body#case.braveridge #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/braveridge/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.braveridge #main #fixed-navi .img-wrap img {
  width: 122px;
  height: 25px;
}

body#case.uec #hero .client-logo img {
  height: 25px;
}
body#case.uec #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/uec/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.uec #main #fixed-navi .img-wrap img {
  width: 180px;
  height: 31px;
}

body#case.unibo #hero .client-logo img {
  height: 25px;
}
body#case.unibo #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/unibo/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.unibo #main #fixed-navi .img-wrap img {
  width: 130px;
  height: 33px;
}

body#case.taiyo #hero .client-logo img {
  height: 38px;
}
body#case.taiyo #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/taiyo/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.taiyo #main #fixed-navi .img-wrap img {
  width: 175px;
  height: 50px;
}

body#case.elephantech #hero .client-logo img {
  height: 28px;
}
body#case.elephantech #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/elephantech/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.elephantech #main #fixed-navi .img-wrap img {
  width: 175px;
  height: 50px;
}

body#case.oval #hero .client-logo img {
  height: 60px;
}
body#case.oval #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/oval/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.oval #main #fixed-navi .img-wrap img {
  width: 47px;
  height: 50px;
}

body#case.kyastem #hero .client-logo img {
  height: 45px;
}
body#case.kyastem #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/kyastem/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.kyastem #main #fixed-navi .img-wrap img {
  width: 180px;
  height: 45px;
}

body#case.keio #hero .client-logo img {
  height: 45px;
}
body#case.keio #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/keio/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.keio #main #fixed-navi .img-wrap img {
  width: 140px;
  height: 40px;
}

body#case.mtm #hero .client-logo img {
  height: 45px;
}
body#case.mtm #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/mtm/hero-B.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.mtm #main #fixed-navi .img-wrap img {
  width: 140px;
  height: 40px;
}

body#case.embeck #hero .client-logo img {
  height: 25px;
}
body#case.embeck #hero .hero-img .hero-img-body {
  background: url(/ja/img/case/embeck/hero.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  margin-right: 20px;
}
body#case.embeck #main #fixed-navi .img-wrap img {
  width: 140px;
  height: 40px;
}

body#case.tatsuno #main ul.custom {
  padding-left: 25px;
}
body#case.tatsuno #main ul.custom ul {
  margin-top: 10px;
  margin-bottom: 30px;
}
body#case.tatsuno #main ul.custom ul li {
  font-size: 15px;
  margin-bottom: 8px;
}

body#case.wti #main .custom {
  padding-left: 25px;
}
body#case.wti #main .custom ul {
  margin-top: 10px;
  margin-bottom: 30px;
}
body#case.wti #main .custom ul li {
  font-size: 15px;
  margin-bottom: 8px;
}
body#case.wti #main .custom li {
  letter-spacing: 1.6px;
  line-height: 1.9;
}
body#case.wti #main iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/**/
body#product-top.product {
  background: #000;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ HERO（Video） */
  /* =========================================================================== ⭐️ HERO（キャッチ） */
  /* =========================================================================== ⭐️ スクロールアイコン */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#product-top.product {
    padding-top: 180px;
  }
}
body#product-top.product #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
}
body#product-top.product #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/product/top/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#product-top.product #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#product-top.product #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /*動画で制御*/
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#product-top.product #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#product-top.product #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#product-top.product #hero .catch-wrap .catch {
  margin-bottom: 40px;
}
body#product-top.product #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#product-top.product #hero dl dt {
  margin: 0;
  padding: 0;
}
body#product-top.product #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
  text-align: center;
}
body#product-top.product #hero dl dd {
  margin: 0;
  padding: 0;
}
body#product-top.product #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#product-top.product #hero dl dd p {
  display: none;
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#product-top.product #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#product-top.product #hero dl dd p {
    text-align: center;
  }
}
body#product-top.product #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#product-top.product #scrollman {
  display: block;
  position: relative;
  z-index: 50;
  /* マウス */
  /* 上下に動く球 */
}
@media (min-width: 768px) {
  body#product-top.product #scrollman {
    display: none;
  }
}
body#product-top.product #scrollman a {
  position: absolute;
  padding-top: 40px;
  bottom: 0px;
  left: 50%;
  z-index: 10;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.8;
}
body#product-top.product #scrollman a:hover {
  opacity: 0.5;
}
body#product-top.product #scrollman span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 25px;
  height: 42px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border: 2px solid #fff;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#product-top.product #scrollman span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: scrollmannimation 2s infinite;
  animation: scrollman-animation 2s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#product-top.product #scrollman strong {
  display: inline-block;
  padding-top: 5px;
  font-size: 14px;
}
@-webkit-keyframes scrollman-animation {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollman-animation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body#product-top.product #main {
  background: #000;
  padding: 0;
}
body#product-top.product #main section.products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#product-top.product #main section.products .box-description {
  margin-top: 40px;
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #ffffff;
}
body#product-top.product #main section.products .box-description dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#product-top.product #main section.products .box-description dl dt {
  margin: 0;
  padding: 0;
}
body#product-top.product #main section.products .box-description dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 22px;
}
body#product-top.product #main section.products .box-description dl dd {
  margin: 0;
  padding: 0;
}
body#product-top.product #main section.products .box-description dl dd h2 img {
  width: 80%;
}
body#product-top.product #main section.products .box-description dl dd p {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 21px;
  text-align: center;
}
body#product-top.product #main section.products .box-description .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
body#product-top.product #main section.products .box-description .btn-wrap a.btn {
  padding-top: 14px;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
body#product-top.product #main section.products .img-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  body#product-top.product #main section.products .box-description {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#product-top.product #main section.products {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#product-top.product #main section.products .box-description {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  body#product-top.product #main section.products .box-description dl {
    text-align: left;
  }
  body#product-top.product #main section.products .box-description dl dd p {
    text-align: left;
  }
  body#product-top.product #main section.products .box-description .btn-wrap {
    text-align: left;
    margin-top: 30px;
  }
  body#product-top.product #main section.products .img-wrap {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
    position: relative;
  }
  body#product-top.product #main section.products .img-wrap img {
    position: relative;
    z-index: 10;
  }
}
body#product-top.product #main section.products.pcb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  body#product-top.product #main section.products.schematic {
    padding-top: 100px;
  }
  body#product-top.product #main section.products.pcb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  body#product-top.product #main section.products.schematic .box-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#product-top.product #main section.products.schematic .img-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#product-top.product #main section.products.schematic .img-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    right: 70px;
    z-index: 1;
  }
  body#product-top.product #main section.products.pcb {
    padding-bottom: 120px;
  }
  body#product-top.product #main section.products.pcb .box-description {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#product-top.product #main section.products.pcb .img-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#product-top.product #main section.products.pcb .img-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/ja/img/product/top/naname.svg);
    background-size: 10px 10px;
    opacity: 0.8;
    position: absolute;
    top: 50px;
    left: 70px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  body#product-top.product #main section.products.schematic {
    padding-top: 150px;
  }
  body#product-top.product #main section.products.pcb {
    padding-top: 150px;
    padding-bottom: 200px;
  }
}
body#product-top.product #main #cloud-service {
  position: relative;
  padding-top: 140px;
  padding-bottom: 60px;
  background: #f9f9f9;
  /* 雲のアイコン */
}
body#product-top.product #main #cloud-service::before {
  content: "";
  background: url(/ja/img/product/top/icon-cloud.svg) no-repeat center center;
  width: 90px;
  height: 90px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 500px) {
  body#product-top.product #main #cloud-service::before {
    width: 130px;
    height: 100px;
  }
}
body#product-top.product #main #cloud-service .h2 {
  padding: 0;
  margin: 0;
  display: block;
  line-height: 1;
  font-weight: 500;
  width: 100%;
}
body#product-top.product #main #cloud-service .h2 img {
  width: 208px;
  display: block;
  margin: 0 auto;
}
body#product-top.product #main #cloud-service .h3 {
  padding: 0;
  margin: 10px 0 0 0;
  display: block;
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 1.4;
  text-align: center;
  width: 90%;
}
body#product-top.product #main #cloud-service .h3::before {
  display: none;
}
body#product-top.product #main #cloud-service .title-description {
  width: 100%;
  margin: 40px auto 0 auto;
  padding: 0 10px;
  text-align: center;
}
body#product-top.product #main #cloud-service .title-description p {
  text-align: center;
  font-weight: 400;
  line-height: 1.8;
  font-size: 1rem;
  width: 90%;
  margin: 0 auto;
}
body#product-top.product #main #cloud-service .force-group {
  margin-top: 80px;
}
body#product-top.product #main #cloud-service .force-group dl {
  width: 100%;
  background: #fff;
  padding: 2.5rem 1.5625rem;
  border-radius: 5px;
}
body#product-top.product #main #cloud-service .force-group dl dt.service-logo {
  text-align: center;
}
body#product-top.product #main #cloud-service .force-group dl dd {
  margin: 0.9375rem 0 0 0;
  padding: 0;
}
body#product-top.product #main #cloud-service .force-group dl dd.service {
  text-align: center;
}
body#product-top.product #main #cloud-service .force-group dl dd.service span {
  font-weight: 500;
}
body#product-top.product #main #cloud-service .force-group dl dd.description {
  margin-bottom: 2rem;
}
body#product-top.product #main #cloud-service .force-group dl dd.description p {
  font-size: 0.875rem;
  text-align: justify;
  line-height: 1.9;
}
body#product-top.product #main #cloud-service .force-group dl dd.btn-wrap {
  text-align: center;
}
@media (min-width: 660px) {
  body#product-top.product #main #cloud-service .force-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#product-top.product #main #cloud-service .force-group dl {
    width: calc(50% - 0.625rem);
  }
}
@media (min-width: 992px) {
  body#product-top.product #main #cloud-service .force-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#product-top.product #main #cloud-service .force-group dl {
    width: 31%;
    margin-bottom: 2.5rem;
  }
}

/* body */
body#schematic.product {
  background: #666;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ HERO（Video） */
  /* =========================================================================== ⭐️ HERO（キャッチ） */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#schematic.product {
    padding-top: 180px;
  }
}
body#schematic.product #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 300px);
}
body#schematic.product #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 300px);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/product/schematic/video-bg.jpg?update=20250204) no-repeat center center;
  background-size: cover;
}
body#schematic.product #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#schematic.product #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /*動画で制御*/
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#schematic.product #hero video {
  min-width: 100%;
  min-height: calc(100vh - 300px);
}
body#schematic.product #hero .container-xl {
  position: relative;
  height: calc(100vh - 300px);
  z-index: 100;
}
body#schematic.product #hero .row {
  z-index: 100;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#schematic.product #hero .layout {
  width: 100%;
}
body#schematic.product #hero .catch {
  width: 100%;
  text-align: center;
}
body#schematic.product #hero .catch h2 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 3.125rem;
  font-weight: 600;
}
body#schematic.product #hero .catch p {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 500;
  margin-top: 10px;
}
body#schematic.product #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#schematic.product #hero .btn-wrap .btn {
  margin-left: 4px;
  margin-right: 4px;
}
body#schematic.product #main {
  background: #111111;
  padding: 0;
}
body#schematic.product #main .title-wrap {
  text-align: center;
  color: #fff;
}
body#schematic.product #main .cards-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#schematic.product #main .cards-wrap dl.cards {
  width: 100%;
}
@media (min-width: 576px) {
  body#schematic.product #main .cards-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#schematic.product #main .cards-wrap dl.cards {
    width: 48%;
  }
}
@media (min-width: 768px) {
  body#schematic.product #main .cards-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#schematic.product #main .cards-wrap dl.cards {
    width: 28.3333333333%;
  }
}
body#schematic.product #main dl.cards {
  padding: 0;
  margin: 0 0 5rem 0;
  position: relative;
}
body#schematic.product #main dl.cards dt,
body#schematic.product #main dl.cards dd {
  margin: 0;
}
body#schematic.product #main dl.cards dt p,
body#schematic.product #main dl.cards dd p {
  padding: 0;
  margin: 0;
  color: #fff;
}
body#schematic.product #main dl.cards dt p:last-child,
body#schematic.product #main dl.cards dd p:last-child {
  margin-bottom: 0;
}
body#schematic.product #main dl.cards dd.name {
  padding-top: 1.25rem;
}
body#schematic.product #main dl.cards dd.name p {
  font-size: 0.875rem;
  font-weight: 500;
}
body#schematic.product #main dl.cards dd.function {
  padding-top: 0.625rem;
}
body#schematic.product #main dl.cards dd.function p {
  font-size: 0.875rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
body#schematic.product #main dl.cards dd.btn-wrap {
  margin-top: 20px;
}
body#schematic.product #main dl.cards dd.btn-wrap .btn {
  border-radius: 100px;
  padding: 5px 20px 6px;
  font-size: 14px;
}
body#schematic.product #main dl.cards dt {
  width: 100%;
  height: 8.75rem;
  border-radius: 3px;
  background: url(/ja/img/product/schematic/demo@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.deviceblock {
  background: url(/ja/img/product/schematic/thumb-deviceblock-2@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.dictates {
  background: url(/ja/img/product/schematic/thumb-dictates@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.convert {
  background: url(/ja/img/product/schematic/thumb-convert@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.auto {
  background: url(/ja/img/product/schematic/thumb-auto@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.one {
  background: url(/ja/img/product/schematic/thumb-one@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.bom {
  background: url(/ja/img/product/schematic/thumb-bom@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.rule {
  background: url(/ja/img/product/schematic/thumb-rule-2@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.pdm {
  background: url(/ja/img/product/schematic/thumb-pdm@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.ltspice {
  background: url(/ja/img/product/schematic/thumb-ltspice@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main dl.cards dt.share {
  background: url(/ja/img/product/schematic/thumb-share@2x.png) no-repeat center center;
  background-size: cover;
}
body#schematic.product #main .btn-wrap {
  text-align: center;
}
body#schematic.product #main .btn-wrap .btn {
  margin: 0 auto 0;
}
body#schematic.product #main .btn-wrap .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  background-color: #4d4d4d;
  border: none;
  color: #fff;
}
body#schematic.product #main .btn-wrap .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
body#schematic.product #main .btn-wrap .btn-light:focus,
body#schematic.product #main .btn-wrap .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

/* body */
body#pcb.product {
  background: #666;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ HERO（Video） */
  /* =========================================================================== ⭐️ HERO（キャッチ） */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#pcb.product {
    padding-top: 180px;
  }
}
body#pcb.product #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 300px);
}
body#pcb.product #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 300px);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/product/pcb/video-bg.jpg?update=20250204) no-repeat center center;
  background-size: cover;
}
body#pcb.product #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#pcb.product #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /*動画で制御*/
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#pcb.product #hero video {
  min-width: 100%;
  min-height: calc(100vh - 300px);
}
body#pcb.product #hero .container-xl {
  position: relative;
  height: calc(100vh - 300px);
  z-index: 100;
}
body#pcb.product #hero .row {
  z-index: 100;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#pcb.product #hero .layout {
  width: 100%;
}
body#pcb.product #hero .catch {
  width: 100%;
  text-align: center;
}
body#pcb.product #hero .catch h2 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 3.125rem;
  font-weight: 600;
}
body#pcb.product #hero .catch p {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 500;
  margin-top: 10px;
}
body#pcb.product #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#pcb.product #hero .btn-wrap .btn {
  margin-left: 4px;
  margin-right: 4px;
}
body#pcb.product #main {
  background: #111111;
  padding: 0;
  /* =========================================================================== サムネの詳細ボタン  */
  /* =========================================================================== NEWアイコン  */
}
body#pcb.product #main .title-wrap {
  text-align: center;
  color: #fff;
}
body#pcb.product #main .cards-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#pcb.product #main .cards-wrap dl.cards {
  width: 100%;
}
@media (min-width: 576px) {
  body#pcb.product #main .cards-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#pcb.product #main .cards-wrap dl.cards {
    width: 48%;
  }
}
@media (min-width: 768px) {
  body#pcb.product #main .cards-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#pcb.product #main .cards-wrap dl.cards {
    width: 28.3333333333%;
  }
}
body#pcb.product #main dl.cards {
  padding: 0;
  margin: 0 0 5rem 0;
  position: relative;
}
body#pcb.product #main dl.cards dt,
body#pcb.product #main dl.cards dd {
  margin: 0;
}
body#pcb.product #main dl.cards dt p,
body#pcb.product #main dl.cards dd p {
  padding: 0;
  margin: 0;
  color: #fff;
}
body#pcb.product #main dl.cards dt p:last-child,
body#pcb.product #main dl.cards dd p:last-child {
  margin-bottom: 0;
}
body#pcb.product #main dl.cards dd.name {
  padding-top: 1.25rem;
}
body#pcb.product #main dl.cards dd.name p {
  font-size: 0.875rem;
  font-weight: 500;
}
body#pcb.product #main dl.cards dd.function {
  padding-top: 0.625rem;
}
body#pcb.product #main dl.cards dd.function p {
  font-size: 0.875rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
body#pcb.product #main dl.cards dd.btn-wrap {
  margin-top: 20px;
}
body#pcb.product #main dl.cards dd.btn-wrap .btn {
  border-radius: 100px;
  padding: 5px 20px 6px;
  font-size: 14px;
}
body#pcb.product #main dl.cards dt {
  width: 100%;
  height: 8.75rem;
  border-radius: 3px;
  background: url(/ja/img/product/pcb/demo.svg) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.wrap {
  border: 1px solid #545454;
}
body#pcb.product #main dl.cards dt.thumb-net {
  background: url(/ja/img/product/pcb/thumb-net@2x.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-coil {
  background: url(/ja/img/product/pcb/thumb-coil@2x.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-simulation {
  background: url(/ja/img/product/pcb/thumb-simulation@2x.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-panelize {
  background: url(/ja/img/product/pcb/thumb-panelize.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-mesh-beta {
  background: url(/ja/img/product/pcb/thumb-mesh-beta.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-kado {
  background: url(/ja/img/product/pcb/thumb-kado.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-mrc {
  background: url(/ja/img/product/pcb/thumb-mrc.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-drc {
  background: url(/ja/img/product/pcb/thumb-drc.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-line {
  background: url(/ja/img/product/pcb/thumb-line.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-rule-area {
  background: url(/ja/img/product/pcb/thumb-rule-area.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-odb {
  background: url(/ja/img/product/pcb/thumb-odb.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-testland {
  background: url(/ja/img/product/pcb/thumb-testland.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-old-new {
  background: url(/ja/img/product/pcb/thumb-old-new.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-ng-area {
  background: url(/ja/img/product/pcb/thumb-ng-area.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-slit {
  background: url(/ja/img/product/pcb/thumb-slit.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-ipc {
  background: url(/ja/img/product/pcb/thumb-ipc.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-beta {
  background: url(/ja/img/product/pcb/thumb-beta.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-rule-check {
  background: url(/ja/img/product/pcb/thumb-rule-check.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-3d {
  background: url(/ja/img/product/pcb/thumb-3d@2x.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main dl.cards dt.thumb-offset {
  background: url(/ja/img/product/pcb/thumb-offset@2x.png) no-repeat center center;
  background-size: cover;
}
body#pcb.product #main .btn-wrap {
  text-align: center;
}
body#pcb.product #main .btn-wrap .btn {
  margin: 0 auto 0;
}
body#pcb.product #main .btn-wrap .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  background-color: #4d4d4d;
  border: none;
  color: #fff;
}
body#pcb.product #main .btn-wrap .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
body#pcb.product #main .btn-wrap .btn-light:focus,
body#pcb.product #main .btn-wrap .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
body#pcb.product #main .new {
  position: absolute;
  width: 60px;
  height: 60px;
  display: block;
  right: -25px;
  top: -25px;
}

/* body */
body#cad-landing {
  background-color: #666666;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ Hero（動画） */
  /* =========================================================================== ⭐️ Hero（キャッチ） */
  /* =========================================================================== ⭐️ 特長とサービス */
  /* =========================================================================== ⭐️ 機能スライド */
  /* =========================================================================== ⭐️ 課題と解決 */
  /* =========================================================================== ⭐️ ピックアップ5 */
}
@media (min-width: 992px) {
  body#cad-landing {
    padding-top: 180px;
  }
}
body#cad-landing #main {
  font-family: "M PLUS 1", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 0;
}
body#cad-landing #main * {
  letter-spacing: 0.075em;
}
body#cad-landing #main p,
body#cad-landing #main li,
body#cad-landing #main dt,
body#cad-landing #main dd {
  font-family: "M PLUS 1", sans-serif;
  font-weight: 400;
  text-wrap: pretty;
}
body#cad-landing #main p {
  letter-spacing: 0.02em;
}
body#cad-landing #main ol,
body#cad-landing #main ul,
body#cad-landing #main dl,
body#cad-landing #main dd,
body#cad-landing #main figure {
  margin: 0;
  padding: 0;
}
body#cad-landing #main img {
  max-width: 100%;
}
body#cad-landing #main .inner {
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #main .inner {
    padding: 0 10px;
    margin: 0;
  }
}
body#cad-landing #main .slick-slider,
body#cad-landing #main .js-tabs,
body#cad-landing #main .js-slider,
body#cad-landing #main .js-inner-tabs,
body#cad-landing #main .js-inner-slider,
body#cad-landing #main .js-functions,
body#cad-landing #main .js-issueSlide,
body#cad-landing #main .js-solutionSlide {
  -ms-touch-action: auto;
  touch-action: auto;
}
body#cad-landing .ttl01 {
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  color: #414141;
  margin-bottom: 3rem;
}
@media screen and (max-width: 780px) {
  body#cad-landing .ttl01 {
    font-size: clamp(20px, 4.6153846154vw, 2.25rem);
  }
}
body#cad-landing .ttl01 span {
  font-size: 0.75rem;
  font-weight: 800;
  color: #0094ed;
  display: block;
  margin-top: 15px;
}
body#cad-landing section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 0;
  /*     @include media-breakpoint-up(sm) {
    padding-top: calc(50rem / 16);
    padding-bottom: 0;
  } //576px以上

  @include media-breakpoint-up(md) {
    padding-top: calc(60rem / 16);
    padding-bottom: 0;
  } //768px以上

  @include media-breakpoint-up(lg) {
    padding-top: calc(50rem / 16);
    padding-bottom: 0;
  } //992px以上

  @include media-breakpoint-up(xl) {
    padding-top: calc(100rem / 16);
    padding-bottom: 0;
  } //1200px以上 */
}
body#cad-landing #hero {
  width: 100%;
  background: #4d4a4a;
}
body#cad-landing #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 90px);
  height: 500px;
}
body#cad-landing #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 90px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url(/ja/img/sitetop/video-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#cad-landing #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#cad-landing #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#cad-landing #hero video {
  min-width: 100%;
  min-height: 100vh;
}
body#cad-landing #hero .catch-wrap {
  color: #ffffff;
  position: relative;
  z-index: 20;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#cad-landing #hero .catch-wrap .catch {
  margin-bottom: 0px;
}
body#cad-landing #hero dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
body#cad-landing #hero dl dt {
  margin: 0;
  padding: 0;
}
body#cad-landing #hero dl dt h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 22px;
  text-align: center;
}
body#cad-landing #hero dl dd {
  margin: 0;
  padding: 0;
}
body#cad-landing #hero dl dd h2 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.875rem;
}
body#cad-landing #hero dl dd p {
  font-weight: 400;
  font-size: 0.85rem;
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin: 0 auto 0 auto;
  text-align: justify;
  width: 90%;
}
@media (min-width: 576px) {
  body#cad-landing #hero dl dd p {
    display: block;
  }
}
@media (min-width: 576px) {
  body#cad-landing #hero dl dd p {
    text-align: center;
  }
}
body#cad-landing #hero .btn-wrap {
  margin: 1.75rem auto 0 auto;
  text-align: center;
}
body#cad-landing #hero .btn-wrap .btn {
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 50px;
  border-radius: 100px !important;
}
body#cad-landing #hero .btn-wrap .btn span {
  font-weight: 500;
}
@media (max-width: 430px) {
  body#cad-landing #hero .btn-wrap .btn {
    width: 80%;
  }
}
body#cad-landing #hero-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
  position: relative;
  text-align: center;
}
@media (max-width: 767.98px) {
  body#cad-landing #hero-banner {
    padding-top: 0;
  }
}
body#cad-landing #hero-banner a {
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 120px;
  background: url(/ja/img/sitetop/hero-banner-automotiveworld-nagoya@2x.png) no-repeat center center;
  background-size: contain;
}
body#cad-landing #hero-banner a:hover {
  opacity: 0.8;
}
body#cad-landing #hero-banner a img {
  width: 840px;
  height: 300px;
  display: block;
}
body#cad-landing #features {
  padding-top: 70px;
  /*     @include media-breakpoint-up(sm) {
    padding-top: calc(50rem / 16);
    padding-bottom: 0;
  } //576px以上

  @include media-breakpoint-up(md) {
    padding-top: calc(60rem / 16);
    padding-bottom: 0;
  } //768px以上

  @include media-breakpoint-up(lg) {
    padding-top: calc(50rem / 16);
    padding-bottom: 0;
  } //992px以上

  @include media-breakpoint-up(xl) {
    padding-top: calc(100rem / 16);
    padding-bottom: 0;
  } //1200px以上 */
}
@media screen and (max-width: 780px) {
  body#cad-landing #features {
    padding-top: clamp(50px, 8.9743589744vw, 70px);
  }
  body#cad-landing #features h2.ttl01 {
    margin-bottom: clamp(30px, 4.1025641026vw, 3rem);
  }
}
@media screen and (max-width: 425px) {
  body#cad-landing #features .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
body#cad-landing #featuresSlideArea {
  max-width: 1280px;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featuresSlideArea {
    padding: 0 10px;
  }
}
body#cad-landing #featuresSlideArea ul {
  margin: 0;
  padding: 0;
}
body#cad-landing #featuresSlideArea .slideTabs,
body#cad-landing #featuresSlideArea .slideItems {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#cad-landing #featuresSlideArea .slick-initialized {
  opacity: 1;
}
body#cad-landing #featuresSlideArea .slideTabs {
  padding: 0;
  margin: 0;
  width: 100%;
}
body#cad-landing #featuresSlideArea .slideTabs .slick-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body#cad-landing #featuresSlideArea .slideTabsWrap {
  -webkit-transition: All 0.2s ease;
  transition: All 0.2s ease;
  background: #ffffff;
  width: 100%;
}
body#cad-landing #featuresSlideArea .slideTabs .tab {
  width: calc(25% - min(1.5625vw, 20px)) !important;
  padding: 20px 10px;
  min-width: 56px;
  border: 1px solid #0793ec;
  background-color: #ffffff;
  border-radius: 7px;
  color: #0793ec;
  text-align: center;
  float: none;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-break: break-all;
}
body#cad-landing #featuresSlideArea .slideTabs .tab:not(:last-child) {
  margin-right: min(1.953125vw, 25px);
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .slideTabs .tab:not(:last-child) {
    margin-right: 10px;
  }
}
body#cad-landing #featuresSlideArea .slideTabs .tab:hover {
  cursor: pointer;
  background-color: #0793ec;
  color: #ffffff;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .slideTabs .tab {
    font-size: 2.0512820513vw;
    padding: 15px 5px;
  }
}
body#cad-landing #featuresSlideArea .slideTabs .slick-current.tab {
  background-color: #0793ec;
  color: #ffffff;
}
body#cad-landing #featuresSlideArea .slideTabs .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: none !important;
          transform: none !important;
}
body#cad-landing #featuresSlideArea .slideItems .item {
  padding: 50px 0 80px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .slideItems .item {
    padding: 20px 0 50px;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap {
  max-width: 420px;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap {
    max-width: 32.8125vw;
  }
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap {
    max-width: 100%;
  }
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab {
  float: none;
  width: 100% !important;
  padding-right: 50px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab {
    padding-right: 2.5641025641vw;
  }
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab:last-child {
    padding-right: 0;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab:hover {
  cursor: pointer;
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl {
  margin-bottom: 0;
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dt {
  color: #0793ec;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  text-indent: -1em;
  margin-left: 1em;
  font-variation-settings: "wght" 700;
  -webkit-transition: 1s;
  transition: 1s;
  will-change: font-variation-settings;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dt {
    font-size: 2.0512820513vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-wrap: pretty;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dt::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
@media screen and (min-width: 781px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dt::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #0793ec;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dd {
  margin-bottom: 30px;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dd br {
    display: none;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dd p {
  margin-bottom: 0;
  font-size: 0.875rem;
  word-break: break-all;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab dl dd p {
    font-size: 1.7948717949vw;
    text-wrap: pretty;
    margin-bottom: 10px;
    word-break: break-all;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .innerTab:not(:last-child) dl {
  margin-bottom: 1.5rem;
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current {
  position: relative;
  /*             &::before {
    content: "";
    color: #0793ec;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    border-left: 10px solid;
    height: 100%;
  } */
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current dt {
  position: relative;
}
@media screen and (min-width: 781px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current dt {
    font-weight: 900 !important;
    font-variation-settings: "wght" 900 !important;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current dt::before {
  font-weight: 900 !important;
}
@media screen and (min-width: 781px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current dt::after {
    width: 100% !important;
  }
}
@media screen and (min-width: 781px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .innerSlideTabsWrap .slideInnerTabs .slick-current::after {
    content: "▼";
    font-weight: 900;
    font-size: 1rem;
    color: #0793ec;
    position: absolute;
    top: 1rem;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    display: block;
    line-height: 1;
    right: 15px;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .slideInnerItems {
  max-width: 720px;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .slideInnerItems {
    max-width: 56.25vw;
  }
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .featuresInnerSlideArea .slideInnerItems {
    max-width: 100%;
  }
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .slideInnerItems figure img {
  max-width: 100%;
}
body#cad-landing #featuresSlideArea .featuresInnerSlideArea .slideInnerItems video {
  width: 100%;
  max-width: 720px;
}
body#cad-landing #featuresSlideArea .innerslideTitle {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #666666;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featuresSlideArea .innerslideTitle {
    font-size: 3.0769230769vw;
  }
}
@media screen and (max-width: 425px) {
  body#cad-landing #featuresSlideArea .innerslideTitle {
    margin-bottom: 10px;
  }
}
body#cad-landing a.innerSlideBtn {
  font-size: 0.75rem;
  color: #0793ec;
  font-weight: bold;
  margin-top: 0.5em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  will-change: opacity;
  letter-spacing: 0 !important;
}
@media screen and (max-width: 780px) {
  body#cad-landing a.innerSlideBtn {
    font-size: 1.5384615385vw;
  }
}
body#cad-landing a.innerSlideBtn::before {
  content: "\f101";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.25em;
}
body#cad-landing a.innerSlideBtn:hover {
  opacity: 0.7;
  text-decoration: none;
}
body#cad-landing #functionNav {
  margin-top: 20px;
  position: relative;
  z-index: 9999;
}
body#cad-landing #functionNav .ttlInner {
  margin-bottom: 40px;
}
body#cad-landing #functionNav .ttl01 span {
  margin-top: 30px;
}
body#cad-landing #functionNav .row {
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
@media screen and (max-width: 780px) {
  body#cad-landing #functionNav .row {
    margin: 0 10px;
  }
}
body#cad-landing #functionNav .row a {
  margin-bottom: 10px;
}
body#cad-landing #functionNav .row a:hover {
  text-decoration: none;
}
body#cad-landing #functionNav .row dl {
  width: min(9.0277777778vw, 65px);
}
body#cad-landing #functionNav .row dt {
  border: 1px solid #0494ed;
  background-color: #cdeafb;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(0.6944444444vw, 5px);
  width: min(9.0277777778vw, 65px);
  height: min(9.0277777778vw, 65px);
}
body#cad-landing #functionNav .row dt img {
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: 100%;
}
body#cad-landing #functionNav .row dd {
  font-size: 0.625rem;
  line-height: 1.2;
  margin-top: 10px;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 780px) {
  body#cad-landing #functionNav .row dd {
    font-size: 1.2820512821vw;
  }
}
body#cad-landing .sharelogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  border-radius: 5px;
}
body#cad-landing .sharelogos:hover {
  cursor: default;
}
body#cad-landing .sharelogos li {
  width: 20%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#cad-landing .sharelogos li img {
  max-height: 50px;
}
body#cad-landing #functions {
  background-color: #008cff;
  padding: 70px 0 100px;
}
@media screen and (max-width: 425px) {
  body#cad-landing #functions {
    padding: 50px 0 100px;
  }
}
body#cad-landing #functions .slidefunctions {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#cad-landing #functions .slick-initialized {
  opacity: 1;
}
body#cad-landing #functions .slick-list.draggable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body#cad-landing #functions .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
body#cad-landing #functions .slick-track li {
  max-width: 320px;
  width: 100%;
  background-color: #ffffff;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-radius: 10px;
}
@media screen and (max-width: 360px) {
  body#cad-landing #functions .slick-track li {
    max-width: 300px;
  }
}
body#cad-landing #functions .slick-track li figure {
  margin-bottom: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
body#cad-landing #functions .slick-track li dl {
  margin-bottom: 20px;
}
body#cad-landing #functions .slick-track li dl dt {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}
body#cad-landing #functions .slick-track li dl dt span {
  font-family: "M PLUS 1", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 1;
}
body#cad-landing #functions .slick-track li dl dd {
  line-height: 1.5;
  text-align: justify;
}
body#cad-landing #functions .slick-track li dl dd p {
  margin-bottom: 0;
  font-size: 0.875rem;
}
body#cad-landing #functions .slick-track li .btn {
  margin-top: auto;
  color: #ffffff;
  font-size: 0.8125rem;
  line-height: 1;
  border: 1px solid #008cff;
  border-radius: 25vw;
  background-color: #008cff;
  font-weight: 500;
  padding: 1em 2.5em;
  letter-spacing: 0;
  font-weight: bold;
}
body#cad-landing #functions .slick-track li .btn::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
}
body#cad-landing #functions .slick-track li .btn:hover {
  background-color: #ffffff;
  color: #008cff;
}
body#cad-landing #functions .slick-dots {
  bottom: -3.5rem;
}
body#cad-landing #functions .slick-dots li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 360px) {
  body#cad-landing #functions .slick-dots li {
    margin: 0 3px;
  }
}
body#cad-landing #functions .slick-dots li button::before {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #7fc5ff;
  opacity: 1;
}
body#cad-landing #functions .slick-dots li:hover button::before {
  color: #ffffff;
}
body#cad-landing #functions .slick-dots li.slick-active button::before {
  color: #ffffff;
}
body#cad-landing #issue-solution {
  padding: 100px 0 195px;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #issue-solution {
    overflow: hidden;
  }
}
@media screen and (max-width: 780px) {
  body#cad-landing #issue-solution {
    padding: clamp(50px, 12.8205128205vw, 100px) 0 150px;
  }
}
body#cad-landing #issue-solution h2.ttl01 {
  margin-bottom: 35px;
}
body#cad-landing #issue-solution .issueSolutionSlide {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#cad-landing #issue-solution .slick-initialized {
  opacity: 1;
}
body#cad-landing #issue-solution .slick-list {
  overflow: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #issue-solution #issueSolutionSlideArea {
    padding: 0 10px;
  }
}
body#cad-landing #issue-solution .issueSolution-slider h3 {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 780px) {
  body#cad-landing #issue-solution .issueSolution-slider h3 {
    font-size: clamp(18px, 3.8461538462vw, 1.875rem) !important;
  }
}
body#cad-landing #issue-solution .issueSlideWrap {
  margin-bottom: 30px;
}
body#cad-landing #issue-solution .issueSlideWrap h3 {
  font-size: 1.875rem;
  color: #414141;
  margin-bottom: 50px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #issue-solution .issueSlideWrap h3 {
    margin-bottom: clamp(20px, 6.4102564103vw, 50px);
  }
}
body#cad-landing #issue-solution .solutionSlideWrap h3 {
  font-size: 2.25rem;
  color: #0494ed;
  margin-bottom: 55px;
}
body#cad-landing #issue-solution .solutionSlideWrap h3 br.brsp {
  display: none;
}
@media screen and (max-width: 780px) {
  body#cad-landing #issue-solution .solutionSlideWrap h3 {
    font-size: 1.875rem;
    margin-bottom: clamp(35px, 7.0512820513vw, 55px);
  }
  body#cad-landing #issue-solution .solutionSlideWrap h3 br.brsp {
    display: block;
  }
}
body#cad-landing #issue-solution .issueSolutionSlide li {
  max-width: 305px;
  width: calc((100% - 60px) / 4);
  float: none;
  border-radius: 5px;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-radius: 5px;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #issue-solution .issueSolutionSlide li {
    width: 100%;
  }
}
body#cad-landing #issue-solution .issueSolutionSlide li figure {
  margin-bottom: 30px;
}
body#cad-landing #issue-solution .issueSolutionSlide li dl dt {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.5;
}
body#cad-landing #issue-solution .issueSolutionSlide li dl dt span {
  font-size: 0.875rem;
  font-weight: 500;
}
body#cad-landing #issue-solution .issueSolutionSlide li dl dd {
  line-height: 1.5;
  text-align: justify;
}
body#cad-landing #issue-solution .issueSolutionSlide li dl dd p {
  margin-bottom: 0;
  font-size: 0.875rem;
}
body#cad-landing #issue-solution .issueSlide li {
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
body#cad-landing #issue-solution .issueSlide li dt.l-s {
  letter-spacing: 0;
}
body#cad-landing #issue-solution .solutionSlide li {
  background-color: #e5f5fd;
  padding: 45px 20px 30px;
}
body#cad-landing #issue-solution .solutionSlide li dt {
  color: #0494ed;
}
body#cad-landing #issue-solution .solutionSlide li::before {
  content: "\f063";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.25rem;
  color: #0494ed;
  background-color: #ffd727;
  width: 50px;
  height: 50px;
  border-radius: 50vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -25px;
}
body#cad-landing #issue-solution .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body#cad-landing #issue-solution .slick-track li:not(:last-child) {
  margin-right: 20px;
}
body#cad-landing #issue-solution .slick-track li dt.l-s {
  letter-spacing: -0.025em;
}
body#cad-landing #featureHighlight article {
  padding: 70px 0;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article {
    padding: clamp(50px, 8.9743589744vw, 70px) 0;
  }
}
body#cad-landing #featureHighlight article:nth-of-type(odd) {
  background-color: #f3fafe;
}
body#cad-landing #featureHighlight article:nth-of-type(even) {
  background-color: #ffffff;
}
body#cad-landing #featureHighlight article:nth-of-type(even) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article:nth-of-type(even) .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
body#cad-landing #featureHighlight article .row {
  margin: 0;
  gap: min(3.515625vw, 45px);
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featureHighlight article .row {
    padding: 0 10px;
  }
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article .row {
    padding: 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
}
body#cad-landing #featureHighlight article .row figure {
  max-width: 700px;
  max-width: min(54.6875vw, 700px);
  width: 100%;
  text-align: center;
  /* @media screen and (max-width: 1280px) {
    max-width: calc(700vw / 12.8);
  } */
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article .row figure {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
body#cad-landing #featureHighlight article .row .textArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body#cad-landing #featureHighlight article .row .textArea h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #414141;
  line-height: 1.67;
  margin-bottom: 20px;
  letter-spacing: 0.075rem;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article .row .textArea h3 {
    font-size: 1.25rem;
  }
}
body#cad-landing #featureHighlight article .row .textArea h3 em {
  color: #0b92ea;
  font-style: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(0%, rgba(1, 148, 237, 0.2)));
  background: linear-gradient(transparent 75%, rgba(1, 148, 237, 0.2) 0%);
  display: inline;
  padding: 0 1px 0px;
}
@media screen and (max-width: 1280px) {
  body#cad-landing #featureHighlight article .row .textArea h3 br {
    display: none;
  }
}
body#cad-landing #featureHighlight article .row .textArea p {
  line-height: 1.875;
  text-align: justify;
  margin-bottom: 35px;
  word-break: break-all;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article .row .textArea .btnArea {
    text-align: center;
  }
}
body#cad-landing #featureHighlight article .row .textArea .btnArea .btn {
  margin-top: auto;
  color: #ffffff;
  border: 1px solid #0494ed;
  background-color: #0494ed;
  padding: 0.6rem 1rem;
  font-weight: 500;
  max-width: 200px;
  width: 100%;
  letter-spacing: 0.025em;
}
body#cad-landing #featureHighlight article .row .textArea .btnArea .btn::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
}
body#cad-landing #featureHighlight article .row .textArea .btnArea .btn:hover {
  background-color: #ffffff;
  color: #0494ed;
}
body#cad-landing #featureHighlight article#point01 {
  padding: 0 0 25px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article#point01 {
    margin-bottom: -50px;
  }
}
body#cad-landing #featureHighlight article#point01 .row {
  position: relative;
  top: -60px;
}
body#cad-landing #featureHighlight article#point01 .row .textArea {
  position: relative;
  top: -10px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article#point01 .row .textArea {
    top: 0;
  }
}
body#cad-landing #featureHighlight article#point05 {
  padding: 65px 0 90px;
}
@media screen and (max-width: 780px) {
  body#cad-landing #featureHighlight article#point05 {
    padding: clamp(50px, 8.3333333333vw, 65px) 0 clamp(70px, 12.1794871795vw, 95px);
  }
}
body#cad-landing #featureHighlight article#point05 figure {
  padding-top: 10px;
}

/*
モーダル
------------------------------------------------------------------------------------*/
.modalArea {
  position: fixed;
  z-index: 9091;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  display: none;
  overflow: scroll;
  backdrop-filter: blur(7px);
}
@media screen and (max-width: 780px) {
  .modalArea {
    display: none !important;
  }
}
.modalArea.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: zoomIn 1s;
          animation: zoomIn 1s;
}
.modalArea .modalContent {
  margin: auto;
}
.modalArea video {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px min(0.6944444444vw, 10px) min(4.1666666667vw, 60px) max(-2.0833333333vw, -30px) rgba(0, 0, 0, 0.7);
          box-shadow: 0px min(0.6944444444vw, 10px) min(4.1666666667vw, 60px) max(-2.0833333333vw, -30px) rgba(0, 0, 0, 0.7);
}
.modalArea figure {
  background-color: #ffffff;
  -webkit-box-shadow: 0px min(0.6944444444vw, 10px) min(4.1666666667vw, 60px) max(-2.0833333333vw, -30px) rgba(0, 0, 0, 0.7);
          box-shadow: 0px min(0.6944444444vw, 10px) min(4.1666666667vw, 60px) max(-2.0833333333vw, -30px) rgba(0, 0, 0, 0.7);
  margin: 0 0 8px;
  padding: 10px;
}
.modalArea figure img {
  width: 80vw;
}
.modalArea p {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #000000;
  padding: 10px;
  max-width: 150px;
  margin-left: auto;
  margin-top: -8px;
  border-radius: 0 0 10px 10px;
  font-size: 0.875rem;
  letter-spacing: 0;
}
.modalArea p::before {
  content: "\f2d3";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.modalArea p:hover {
  cursor: pointer;
  opacity: 0.7;
}

.modalOpen {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modalOpen:hover {
  cursor: pointer;
  opacity: 0.7;
}
.modalOpen p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.625rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1;
  margin-top: 0.25rem;
}
.modalOpen p::before {
  content: "\f31e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.75rem;
  margin-right: 3px;
}
@media screen and (max-width: 780px) {
  .modalOpen p {
    display: none;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
body#elefab.service {
  background: #000;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== レイアウト ⭐️ */
  /* =========================================================================== ⭐️ ロゴ / キャッチ */
  /* =========================================================================== ⭐️ スクロールアイコン */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ 機能紹介 */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
}
@media (min-width: 992px) {
  body#elefab.service {
    padding-top: 180px;
  }
}
body#elefab.service #hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 180px + 10px);
}
body#elefab.service #hero .video-wrap {
  width: 100%;
  height: calc(100vh - 180px + 10px);
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
body#elefab.service #hero .video-wrap::before {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 10;
}
body#elefab.service #hero .video-wrap::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 9;
}
body#elefab.service #hero .video {
  width: auto;
  height: 100%;
  background: url(/ja/img/service/elefab/video-bg.jpg) no-repeat center center;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}
@media (min-width: 992px) {
  body#elefab.service #hero {
    width: 100%;
    height: 660px;
  }
  body#elefab.service #hero .video-wrap {
    width: 100%;
    height: 660px;
  }
  body#elefab.service #hero .video-wrap::after {
    background: rgba(0, 0, 0, 0.6);
  }
  body#elefab.service #hero .video {
    width: 120%;
    height: auto;
  }
}
body#elefab.service #hero .catch-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#elefab.service #hero .catch-wrap .catch {
  width: 70%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#elefab.service #hero .catch-wrap h1 {
  width: 100%;
  height: 53px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/ja/img/service/elefab/hero-logo.png) no-repeat center center;
  background-size: contain;
  background-size: 243px 53px;
  background-size: 200px auto;
}
body#elefab.service #hero .catch-wrap p {
  width: 100%;
  height: 32px;
  background: url(/ja/img/service/elefab/hero-catch.png) no-repeat center center;
  background-size: contain;
  padding: 0;
  margin: 10px auto 10px auto;
}
body#elefab.service #hero .catch-wrap a {
  width: 160px;
  background: url(/ja/img/service/elefab/hero-btn-text.png) no-repeat center center;
  background-size: 100px auto;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 20px 10px;
}
@media (min-width: 992px) {
  body#elefab.service #hero .catch-wrap .catch {
    margin: 0 auto 8rem;
  }
  body#elefab.service #hero .catch-wrap p {
    margin: 30px auto 30px auto;
  }
}
body#elefab.service #scrollman {
  /* マウス */
  /* 上下に動く球 */
}
body#elefab.service #scrollman a {
  position: absolute;
  padding-top: 55px;
  bottom: 0px;
  left: 50%;
  z-index: 10;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.8;
}
body#elefab.service #scrollman a:hover {
  opacity: 0.5;
}
body#elefab.service #scrollman span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border: 2px solid #fff;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#elefab.service #scrollman span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: scrollmannimation 2s infinite;
  animation: scrollman-animation 2s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes scrollman-animation {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollman-animation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body#elefab.service #main {
  padding: 0 0 0 0;
}
body#elefab.service #intro {
  background: #00ae9a;
  color: #ffffff;
}
body#elefab.service #intro .h2 {
  padding: 0;
  margin: 0 0 1.25rem 0;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  body#elefab.service #intro .h2 {
    margin: 0 0 1.875rem 0;
  }
}
body#elefab.service #intro p {
  padding: 0;
  margin: 0;
  text-align: justify;
  font-weight: 400;
  text-align: center;
  line-height: 1.8;
}
body#elefab.service #intro .graphic {
  margin: 30px 0 0 0;
  width: 100%;
  height: auto;
  height: 192px;
  background: url(/ja/img/service/elefab/flow-all-s.svg) no-repeat center center;
  background-size: contain;
}
@media (min-width: 460px) {
  body#elefab.service #intro .graphic {
    height: 220px;
  }
}
@media (min-width: 768px) {
  body#elefab.service #intro .graphic {
    margin: 50px 0 0 0;
    height: 122px;
    background: url(/ja/img/service/elefab/flow-all-m.svg) no-repeat center center;
    background-size: contain;
  }
}
body#elefab.service #functions .title-wrap {
  text-align: center;
  margin-bottom: 6.25rem;
}
body#elefab.service #functions .title-wrap .h2 img {
  width: 160px;
}
body#elefab.service #functions .title-wrap .h3 {
  font-size: 1.375rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  body#elefab.service #functions .title-wrap .h2 img {
    width: 190px;
  }
}
body#elefab.service #functions .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 100px;
}
body#elefab.service #functions .contents:last-child {
  margin-bottom: 0px;
}
body#elefab.service #functions .contents .img img {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
body#elefab.service #functions .contents .description h4 {
  text-align: center;
  font-size: 1.4375rem;
  line-height: 1.4;
  letter-spacing: 2.8px;
  font-weight: 600;
}
body#elefab.service #functions .contents .description .graphic {
  margin: 20px auto;
}
@media (min-width: 576px) {
  body#elefab.service #functions .contents .description .graphic {
    margin: 40px auto;
    text-align: center;
  }
  body#elefab.service #functions .contents .description .graphic img {
    width: 90%;
  }
}
body#elefab.service #functions .contents.gyaku .description {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body#elefab.service #functions .contents.gyaku .img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 768px) {
  body#elefab.service #functions .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  body#elefab.service #functions .contents.gyaku .description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#elefab.service #functions .contents.gyaku .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body#elefab.service #functions .contents .img {
    width: 40%;
    position: relative;
  }
  body#elefab.service #functions .contents .left img {
    width: auto !important;
    position: absolute;
    right: 0;
  }
  body#elefab.service #functions .contents .right img {
    width: auto !important;
    position: absolute;
    left: 0;
  }
  body#elefab.service #functions .contents .description {
    margin-top: 22px;
    width: 60%;
  }
  body#elefab.service #functions .contents dl {
    width: 75%;
    margin: 0 auto 0;
    background: #fff;
  }
  body#elefab.service #functions .contents dl dt .h4 {
    font-size: 2rem;
    font-size: 1.5625rem;
    line-height: 1.4;
    letter-spacing: 2.8px;
    font-weight: 600;
    text-align: left;
  }
  body#elefab.service #functions .contents dl dd {
    margin: 1.5625rem 0 0 0;
    padding: 0 0 0 0;
  }
  body#elefab.service #functions .contents dl dd p {
    text-align: justify;
    letter-spacing: 3px;
    line-height: 2;
  }
}
@media (min-width: 992px) {
  body#elefab.service #functions .contents .description {
    margin-top: 22px;
  }
  body#elefab.service #functions .contents .img {
    width: 55%;
  }
  body#elefab.service #functions .contents .description {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  body#elefab.service #functions .contents .description {
    margin-top: 22px;
  }
  body#elefab.service #functions .contents .left {
    width: 55%;
  }
  body#elefab.service #functions .contents .right {
    width: 45%;
  }
}
body#elefab.service #point {
  background: #f4f9f6;
}
body#elefab.service #point .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #1f443d;
}
@media (min-width: 576px) {
  body#elefab.service #point .wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  body#elefab.service #point .wrap {
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
body#elefab.service #point dl {
  width: 100%;
  padding: 0;
  margin: 0 0 1.875rem 0;
}
body#elefab.service #point dl:last-child {
  margin-bottom: 0px;
}
body#elefab.service #point dl dt {
  width: 100%;
  padding: 0;
  margin: 0;
}
body#elefab.service #point dl dt .h3 {
  margin: 0 0 0.0625rem 0;
  font-size: 1.125rem;
  font-weight: 600;
}
body#elefab.service #point dl dd {
  width: 100%;
  padding: 0;
  margin: 0;
}
body#elefab.service #point dl dd p {
  letter-spacing: 1.5px;
  line-height: 2;
  text-align: justify;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  body#elefab.service #point dl {
    width: 30%;
  }
  body#elefab.service #point dl dd {
    margin-top: 1.5625rem;
  }
}
body#elefab.service #point dl.bom dt {
  background: url(/ja/img/service/elefab/icon-bom.svg) no-repeat left center;
  background-size: 35px 35px;
  padding: 20px 0px 20px 50px;
}
body#elefab.service #point dl.share dt {
  background: url(/ja/img/service/elefab/icon-share.svg) no-repeat left center;
  background-size: 35px 35px;
  padding: 20px 0px 20px 50px;
}
body#elefab.service #point dl.one dt {
  background: url(/ja/img/service/elefab/icon-one.svg) no-repeat left center;
  background-size: 35px 35px;
  padding: 20px 0px 20px 50px;
}
body#elefab.service #movie .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 auto;
}
body#elefab.service #movie .img {
  width: 90%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 1.25rem;
}
body#elefab.service #movie .img a {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
body#elefab.service #movie .img a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
body#elefab.service #movie .img img {
  display: block;
  width: 100%;
}
body#elefab.service #movie .description {
  width: 100%;
  text-align: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body#elefab.service #movie .description dl {
  margin: 0 0 0 0;
}
body#elefab.service #movie .description dl dt h2 {
  margin: 0 0 1.5625rem 0;
  font-weight: 600;
}
@media (min-width: 567px) {
  body#elefab.service #movie .wrap {
    width: 80%;
  }
}
@media (min-width: 768px) {
  body#elefab.service #movie .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
  }
  body#elefab.service #movie .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
  }
  body#elefab.service #movie .description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 50%;
  }
  body#elefab.service #movie .description dl {
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }
  body#elefab.service #movie .description dl dt .h2 {
    font-weight: 600;
    letter-spacing: 4px;
  }
  body#elefab.service #movie .description .btn {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  body#elefab.service #movie .img {
    width: 45%;
  }
  body#elefab.service #movie .img img {
    width: 80%;
    margin: 0 auto;
  }
  body#elefab.service #movie .description {
    width: 55%;
  }
  body#elefab.service #movie .description dl {
    width: 380px;
    margin: 0 0 0 100px;
  }
  body#elefab.service #movie .description dl p {
    line-height: 2.2;
    text-align: justify;
  }
}
body#elefab.service #conversion {
  background: #f9f9f9;
  overflow-x: hidden;
}
body#elefab.service #conversion dl {
  padding: 0;
  margin: 0;
  display: block;
}
body#elefab.service #conversion dl dt {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100px;
  background: url(/ja/img/service/elefab/conversion-title.png) no-repeat center center;
  background-color: #f9f9f9;
  background-size: 300px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#elefab.service #conversion dl dt {
    background: url(/ja/img/service/elefab/conversion-title.svg) no-repeat center center;
    background-color: #f9f9f9;
    background-size: 300px auto;
  }
}
body#elefab.service #conversion dl dd {
  text-align: center;
  margin: 20px 0 0 0;
}
body#elefab.service #conversion dl dd .btn span {
  letter-spacing: 2px;
  font-weight: 500;
}
body#elefab.service #conversion dl dd.style {
  width: 100%;
  height: 40px;
  text-align: center;
  margin: 40px 0 0 0;
  background: url(/ja/img/service/elefab/conversion-bg.png) no-repeat center center;
  background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#elefab.service #conversion dl dd.style {
    background: url(/ja/img/service/elefab/conversion-bg.svg) no-repeat center center;
    background-size: contain;
  }
}
@media (min-width: 700px) {
  body#elefab.service #conversion dl dt {
    height: 140px;
    background-size: 400px;
  }
  body#elefab.service #conversion dl dd.style {
    margin: 50px 0 0 0;
    height: 45px;
  }
}
@media (min-width: 768px) {
  body#elefab.service #conversion dl dd.style {
    margin: 50px 0 0 0;
    height: 50px;
  }
}
@media (min-width: 992px) {
  body#elefab.service #conversion dl dt {
    height: 140px;
    background-size: 400px;
  }
  body#elefab.service #conversion dl dd.style {
    margin: 60px 0 0 0;
    height: 55px;
  }
}

/* body */
body#netchanger.service {
  background: #0394ed;
  padding-top: 0px;
  padding-top: 97px;
  /* =========================================================================== レイアウト ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ 機能紹介 */
  /* =========================================================================== ⭐️ */
}
@media (min-width: 992px) {
  body#netchanger.service {
    padding-top: 180px;
  }
}
body#netchanger.service #hero {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#netchanger.service #hero .wrap {
  padding: 60px 20px 70px;
  padding: 30px 4px 60px;
}
body#netchanger.service #hero .hero-btn {
  position: relative;
  top: 30px;
  left: -5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
body#netchanger.service #hero .hero-btn a {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  padding: 10px 12px;
  width: 180px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 1px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 3px #b68a31;
  background-color: #eea91b;
  border: 1px solid #aa8232;
  background: linear-gradient(24deg, #eea91b 6%, #ffc951 86%);
  background: linear-gradient(24deg, #e49f16 10%, #ffc951 90%);
}
body#netchanger.service #hero .hero-btn a:hover {
  position: relative;
  top: -2px;
}
@media (min-width: 600px) {
  body#netchanger.service #hero .wrap {
    padding: 40px 4px 80px;
  }
  body#netchanger.service #hero .hero-btn a {
    width: 300px;
    padding: 18px 0px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  body#netchanger.service #hero .wrap {
    padding: 60px 4px 110px;
  }
  body#netchanger.service #hero .hero-btn {
    top: 45px;
  }
  body#netchanger.service #hero .hero-btn a {
    width: 370px;
    padding: 22px 0px;
    font-size: 20px;
  }
}
body#netchanger.service #main {
  padding: 0 0 0 0;
}
body#netchanger.service #intro {
  background: url(/ja/img/service/netchanger/intro-bg.jpg) no-repeat center center;
  background-size: cover;
}
body#netchanger.service #intro .wrap {
  width: 100%;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 10px;
  padding: 45px 20px;
  margin: 0 auto;
}
body#netchanger.service #intro .h2 {
  padding: 0;
  margin: 0 0 0rem 0;
  background: url(/ja/img/service/netchanger/logo-netchanger.svg) no-repeat center center;
  background-size: 294px 47px;
  background-size: auto 35px;
  width: 100%;
  height: 35px;
}
body#netchanger.service #intro .h3 {
  padding: 0;
  margin: 1.875rem 0 0 0;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
}
body#netchanger.service #intro p {
  padding: 0;
  margin: 1.25rem auto 0 auto;
  text-align: justify;
  font-weight: 400;
  line-height: 2;
  width: 95%;
}
body#netchanger.service #intro .btn-wrap {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 3.125rem 0 auto 0;
}
@media (min-width: 600px) {
  body#netchanger.service #intro .wrap {
    padding: 50px 20px;
  }
  body#netchanger.service #intro .h2 {
    margin-bottom: 2.375rem;
    background-size: auto 40px;
    height: 40px;
  }
  body#netchanger.service #intro .h3 {
    font-size: 20px;
    line-height: 1.6;
  }
  body#netchanger.service #intro p {
    margin: 1.25rem auto 0 auto;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    color: rgba(51, 51, 51, 0.9);
  }
  body#netchanger.service #intro .btn-wrap {
    margin: 1.25rem 0 auto 0;
  }
}
@media (min-width: 992px) {
  body#netchanger.service #functions {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}
body#netchanger.service #functions .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 50px;
}
body#netchanger.service #functions .contents:last-child {
  margin-bottom: 0px;
}
body#netchanger.service #functions .contents .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#netchanger.service #functions .contents .description .title {
  text-align: center;
  font-size: 1.4375rem;
  line-height: 1.4;
  letter-spacing: 2.8px;
  font-weight: 600;
}
body#netchanger.service #functions .contents .description .mobile-graphic {
  margin: 30px auto;
  text-align: center;
}
body#netchanger.service #functions .contents .description .mobile-graphic img {
  width: 200px;
}
body#netchanger.service #functions .contents .description .text {
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
}
body#netchanger.service #functions .contents .description .btn-wrap {
  text-align: center;
}
@media (min-width: 576px) {
  body#netchanger.service #functions .contents .description .text {
    width: 400px;
  }
}
@media (min-width: 768px) {
  body#netchanger.service #functions .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
  }
  body#netchanger.service #functions .contents .description {
    width: 60%;
  }
  body#netchanger.service #functions .contents .description .title {
    text-align: left;
  }
  body#netchanger.service #functions .contents .description .text {
    width: 100%;
  }
  body#netchanger.service #functions .contents .description .btn-wrap {
    text-align: left;
  }
  body#netchanger.service #functions .contents .graphic {
    width: 35%;
    text-align: right;
  }
  body#netchanger.service #functions .contents .graphic img {
    height: 200px;
    position: relative;
  }
  body#netchanger.service #functions .contents.reverse .description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body#netchanger.service #functions .contents.reverse .graphic {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: left;
  }
}
@media (min-width: 992px) {
  body#netchanger.service #functions .contents .description {
    width: 50%;
  }
  body#netchanger.service #functions .contents .description .title {
    font-size: 1.75rem;
    line-height: 1.4;
    letter-spacing: 2.8px;
    font-weight: 600;
  }
  body#netchanger.service #functions .contents .description .text {
    margin-top: 1.25rem;
  }
  body#netchanger.service #functions .contents .description .text p {
    line-height: 2.5;
  }
  body#netchanger.service #functions .contents .graphic {
    width: 35%;
    text-align: right;
  }
  body#netchanger.service #functions .contents .graphic img {
    height: 250px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  body#netchanger.service #functions .contents {
    margin-bottom: 150px;
  }
  body#netchanger.service #functions .contents .description {
    width: 50%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  body#netchanger.service #functions .contents .description .title {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 2.8px;
    font-weight: 600;
  }
  body#netchanger.service #functions .contents .description .text {
    width: 380px;
    margin-top: 1.875rem;
  }
  body#netchanger.service #functions .contents .description .text p {
    line-height: 2.5;
  }
  body#netchanger.service #functions .contents .graphic {
    width: 35%;
    text-align: center;
  }
  body#netchanger.service #functions .contents .graphic img {
    height: 320px;
    position: relative;
  }
  body#netchanger.service #functions .contents.reverse .description {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  body#netchanger.service #functions .contents.reverse .graphic {
    text-align: center;
  }
}
body#netchanger.service #conversion {
  background: #314758;
  overflow-x: hidden;
}
body#netchanger.service #conversion .description {
  width: 100%;
}
body#netchanger.service #conversion .graphic {
  width: 100%;
}
body#netchanger.service #conversion dl {
  padding: 0;
  margin: 0;
  display: block;
}
body#netchanger.service #conversion dl dt.logo {
  padding: 0;
  margin: 0 0 20px 0;
  width: 100%;
  height: 35px;
  background: url(/ja/img/service/netchanger/logo-netchanger-w.svg) no-repeat center center;
  background-size: 295px 47px;
  background-size: auto 35px;
}
body#netchanger.service #conversion dl dd {
  width: 100%;
  height: auto;
  text-align: left;
  margin: 10px 0 0 0;
}
body#netchanger.service #conversion dl dd.name {
  height: 25px;
  background: url(/ja/img/service/netchanger/service-name-w.svg) no-repeat center center;
  background-size: 575px 40px;
  background-size: auto 25px;
}
body#netchanger.service #conversion dl dd.name-sub {
  height: 18px;
  background: url(/ja/img/service/netchanger/service-name-sub-w.svg) no-repeat center center;
  background-size: 362px 23px;
  background-size: auto 18px;
}
body#netchanger.service #conversion dl dd.btn-wrap {
  margin-top: 30px;
  text-align: center;
  height: 50px;
}
@media (min-width: 992px) {
  body#netchanger.service #conversion .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 60px;
    padding-right: 60px;
  }
  body#netchanger.service #conversion .row .description {
    width: 60%;
  }
  body#netchanger.service #conversion .row .description dl dt.logo,
  body#netchanger.service #conversion .row .description dl dd.name,
  body#netchanger.service #conversion .row .description dl dd.name-sub,
  body#netchanger.service #conversion .row .description dl dd.btn-wrap {
    background-position: left center;
    text-align: left;
  }
  body#netchanger.service #conversion .row .graphic {
    width: 40%;
    text-align: right;
  }
  body#netchanger.service #conversion .row .graphic img {
    height: 190px;
  }
}
@media (min-width: 1200px) {
  body#netchanger.service #conversion .row .description dl dt.logo {
    height: 55px;
    background-size: 295px 47px;
  }
  body#netchanger.service #conversion .row .description dl dd.name {
    height: 45px;
    background-size: 575px 40px;
  }
  body#netchanger.service #conversion .row .description dl dd.name-sub {
    margin-bottom: 10px;
    height: 30px;
    background-size: auto 20px;
  }
  body#netchanger.service #conversion .row .graphic img {
    height: 230px;
  }
}

/* body */
body#ccm.service {
  background: #0394ed;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ヒーローエリア（A type） ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ 課題 */
  /* =========================================================================== ⭐️ PDM */
  /* =========================================================================== ⭐️ PDM */
  /* テキストと画像の配置が逆のバージョン */
  /* =========================================================================== ⭐️ コンバージョン */
  /* =========================================================================== ⭐️ コンバージョン */
  /* =========================================================================== ⭐️  */
}
@media (min-width: 992px) {
  body#ccm.service {
    padding-top: 180px;
  }
}
body#ccm.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #0394ed;
}
body#ccm.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 768px) {
  body#ccm.service #hero-A::before {
    display: none;
  }
}
body#ccm.service #hero-A .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#ccm.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #fff;
}
body#ccm.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
body#ccm.service #hero-A .hero-body dt.main h1 {
  font-size: 2rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
}
body#ccm.service #hero-A .hero-body dt.sub {
  margin-top: 1.875rem;
}
body#ccm.service #hero-A .hero-body dt.sub span {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 1px;
  border: 1px solid #fff;
  border-radius: 3px;
  display: block;
  padding: 6px 15px;
  margin: 7px 20px;
}
body#ccm.service #hero-A .hero-body dd.description {
  display: none;
}
body#ccm.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body#ccm.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 31.25rem;
}
@media (min-width: 576px) {
  body#ccm.service #hero-A .hero-body dt.sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body#ccm.service #hero-A .hero-body dt.sub span {
    width: 33%;
    margin: 7px 3px;
  }
  body#ccm.service #hero-A .hero-body dd.description {
    margin-top: 20px;
    display: block;
  }
}
@media (min-width: 768px) {
  body#ccm.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  body#ccm.service #hero-A .hero-body {
    width: 50%;
  }
  body#ccm.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#ccm.service #hero-A .hero-body dt.main h1 {
    font-size: 2rem !important;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
  }
  body#ccm.service #hero-A .hero-body dt.sub {
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  body#ccm.service #hero-A .hero-body dt.sub span {
    width: auto;
    padding: 4px 10px;
    margin: 7px 3px;
    font-size: 0.6875rem;
  }
  body#ccm.service #hero-A .hero-body dd.description {
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#ccm.service #hero-A .hero-body dd.description p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 1.25rem;
    margin-bottom: 0px;
  }
  body#ccm.service #hero-A .hero-graphic {
    width: 50%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#ccm.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 20rem;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
}
@media (min-width: 992px) {
  body#ccm.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  body#ccm.service #hero-A .hero-body dt.main h1 {
    font-size: 2rem !important;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
  }
  body#ccm.service #hero-A .hero-body dt.sub span {
    font-size: 0.8125rem;
  }
  body#ccm.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#ccm.service #hero-A .hero-graphic img {
    height: 20rem;
  }
}
@media (min-width: 1200px) {
  body#ccm.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#ccm.service #hero-A .hero-body {
    width: 40%;
    max-width: 400px;
  }
  body#ccm.service #hero-A .hero-body dt.main h1 {
    font-size: 2.5rem !important;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
  }
  body#ccm.service #hero-A .hero-body dd.description p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 1.5625rem;
    margin-bottom: 0px;
    text-align: justify;
  }
  body#ccm.service #hero-A .hero-graphic {
    text-align: right;
    width: 60%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#ccm.service #hero-A .hero-graphic img {
    height: 20rem;
  }
}
body#ccm.service #hero-adjust {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(/ja/img/service/ccm/hero-graphic.svg) no-repeat center center #0394ed;
  background-size: 190%;
}
body#ccm.service #hero-adjust::before {
  content: "";
  background: inherit; /* .conceptの背景画像を継承 */
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  /* ブラー効果で画像の端がボヤけた分だけ位置を調整（角が半透明ボケになってしまうため） */
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
}
body#ccm.service #hero-adjust::after {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(237, 235, 187, 0.5);
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
@media (min-width: 992px) {
  body#ccm.service #hero-adjust {
    background-image: none;
  }
  body#ccm.service #hero-adjust::before, body#ccm.service #hero-adjust::after {
    display: none !important;
  }
}
body#ccm.service #hero-adjust .wrap {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  position: relative;
}
body#ccm.service #hero-adjust .text-wrap {
  position: relative;
  text-align: center;
  width: 100%;
}
body#ccm.service #hero-adjust .text-wrap .btn-wrap {
  margin-top: 20px;
}
body#ccm.service #hero-adjust .text-wrap .btn-wrap .btn {
  padding: 8px 15px 8px 20px;
}
body#ccm.service #hero-adjust .text-wrap h1.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  height: auto;
  background: none;
}
body#ccm.service #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/ccm/hero-text-s.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#ccm.service #hero-adjust .text-wrap h1.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 31.4285714286%;
}
@media (min-width: 500px) {
  body#ccm.service #hero-adjust .text-wrap h1.adjust-box {
    width: 380px;
  }
}
@media (min-width: 992px) {
  body#ccm.service #hero-adjust .text-wrap {
    width: 80%;
    text-align: left;
  }
  body#ccm.service #hero-adjust .text-wrap h1.adjust-box {
    margin: 0;
  }
  body#ccm.service #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
    background: url(/ja/img/service/ccm/hero-text.svg) no-repeat center center;
  }
}
body#ccm.service #hero-adjust .graphic-wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: url(/ja/img/service/ccm/hero-graphic.svg) no-repeat center center;
}
@media (min-width: 992px) {
  body#ccm.service #hero-adjust .graphic-wrap {
    display: block;
  }
}
body#ccm.service #main {
  padding: 0 0 0 0;
}
body#ccm.service section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
body#ccm.service #solution {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  color: #29A862;
}
body#ccm.service #solution .h2 {
  margin-bottom: 20px;
  font-size: 2rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
}
body#ccm.service #solution .h2 + p {
  margin-bottom: 20px;
  text-align: center;
}
body#ccm.service #solution dl {
  border: 1px solid #AED1BC;
  background: #f9fff9;
  border-radius: 4px;
  padding: 30px 25px;
}
body#ccm.service #solution dl dt {
  line-height: 1.4;
}
body#ccm.service #solution dl dt span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}
body#ccm.service #solution dl dd {
  margin-top: 0.9375rem;
  line-height: 1.4;
}
body#ccm.service #solution dl dd span {
  margin-bottom: 30px;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  body#ccm.service #solution .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#ccm.service #solution dl {
    width: 33.3333333333%;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #AED1BC;
    background: #f9fff9;
    border-radius: 4px;
    padding: 30px 25px;
  }
  body#ccm.service #solution dl dt {
    line-height: 1.4;
  }
  body#ccm.service #solution dl dt span {
    font-weight: 500;
    font-size: 1rem;
  }
  body#ccm.service #solution dl dd {
    margin-top: 0.9375rem;
    line-height: 1.4;
  }
  body#ccm.service #solution dl dd span {
    margin-bottom: 30px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  body#ccm.service #solution .h2 {
    margin-bottom: 0.9375rem;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
  }
  body#ccm.service #solution .h2 + p {
    margin-bottom: 40px;
  }
  body#ccm.service #solution .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body#ccm.service #solution dl {
    width: 33.3333333333%;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #AED1BC;
    background: #f9fff9;
    border-radius: 4px;
    padding: 30px 20px;
  }
  body#ccm.service #solution dl dt {
    line-height: 1.4;
    text-align: center;
  }
  body#ccm.service #solution dl dt span {
    font-weight: 500;
    font-size: 1.1875rem;
  }
  body#ccm.service #solution dl dd {
    margin-top: 1.25rem;
    line-height: 1.4;
  }
  body#ccm.service #solution dl dd span {
    margin-bottom: 30px;
    font-size: 0.875rem;
  }
}
body#ccm.service #pdm {
  background: #EEF9FF;
}
body#ccm.service #pdm .graphic {
  margin-bottom: 1.875rem;
}
body#ccm.service #pdm .h2 {
  font-size: 2rem;
  font-size: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  body#ccm.service #pdm .graphic {
    margin-left: auto;
    margin-right: auto;
    max-width: 885px;
  }
  body#ccm.service #pdm .h2 {
    text-align: center;
    font-size: 1.5rem;
  }
  body#ccm.service #pdm p {
    text-align: center;
  }
}
body#ccm.service .standard {
  background: #ffffff;
}
body#ccm.service .standard .graphic {
  margin-bottom: 1.875rem;
}
body#ccm.service .standard .h2,
body#ccm.service .standard .h2 span.kakko {
  font-size: 2rem;
  font-size: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  body#ccm.service .standard .graphic {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
  body#ccm.service .standard .h2,
  body#ccm.service .standard .h2 span.kakko {
    text-align: left;
    font-size: 1.5rem;
  }
  body#ccm.service .standard p {
    text-align: left;
  }
}
@media (min-width: 992px) {
  body#ccm.service .standard .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#ccm.service .standard .layout .text {
    width: 35%;
  }
  body#ccm.service .standard .layout .text p {
    text-align: justify;
  }
  body#ccm.service .standard .layout .graphic {
    width: 60%;
    max-width: 60%;
    margin-left: 0;
    margin-right: 0;
    text-align: right;
  }
  body#ccm.service .standard .layout .graphic img {
    margin-left: 20px;
  }
  body#ccm.service .standard .h2,
  body#ccm.service .standard .h2 span.kakko {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.6;
  }
  body#ccm.service .standard .h2 span.kakko {
    position: relative;
    left: -12px;
  }
}
@media (min-width: 1200px) {
  body#ccm.service .standard .h2,
  body#ccm.service .standard .h2 span.kakko {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 992px) {
  body#ccm.service .standard.reverse .layout .graphic {
    text-align: left;
    position: relative;
    left: -20px;
  }
  body#ccm.service .standard.reverse .layout .graphic img {
    margin-left: 0px;
  }
}
body#ccm.service #eol {
  padding-bottom: 200px;
}
body#ccm.service #conversion {
  text-align: center;
  border-top: 1px solid #dadada;
}
body#ccm.service #conversion h2 {
  color: #111;
  display: block;
  font-size: 33px;
  font-weight: 400;
}
body#ccm.service #conversion h3 {
  color: #111;
  display: block;
  font-size: 22px;
  font-weight: 300;
  padding: 0;
  margin: 15px 0 0 0;
}
body#ccm.service #conversion .btn-wrap {
  margin: 20px 0 0 0;
}
body#ccm.service #conversion .btn-wrap a {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 10px;
}

/* body */
body#share.service {
  background: #18c4c4;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ヒーローエリア（A type） ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#share.service {
    padding-top: 180px;
  }
}
body#share.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #18c4c4;
}
body#share.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 768px) {
  body#share.service #hero-A::before {
    display: none;
  }
}
body#share.service #hero-A .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#share.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #fff;
}
body#share.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
body#share.service #hero-A .hero-body .main img {
  display: block;
  width: auto;
  height: 1.875rem;
  margin: 0 auto 0.9375rem auto;
}
body#share.service #hero-A .hero-body .sub span {
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
}
body#share.service #hero-A .hero-body .sub span.english {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body#share.service #hero-A .hero-body .description {
  display: none;
}
body#share.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body#share.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 31.25rem;
}
@media (min-width: 768px) {
  body#share.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  body#share.service #hero-A .hero-body {
    width: 50%;
  }
  body#share.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#share.service #hero-A .hero-body .main img {
    height: 2.1875rem;
    margin: 0 0 0.9375rem 0;
  }
  body#share.service #hero-A .hero-body .sub span {
    font-size: 1rem;
  }
  body#share.service #hero-A .hero-body .description {
    display: block;
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#share.service #hero-A .hero-body .description p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 1.25rem;
    margin-bottom: 0px;
  }
  body#share.service #hero-A .hero-graphic {
    width: 50%;
    position: relative;
    top: 0px;
    left: 150px;
    -webkit-transform: none;
            transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 28.75rem;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
}
@media (min-width: 992px) {
  body#share.service #hero-A .row {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  body#share.service #hero-A .hero-body .main img {
    height: 2.9375rem;
  }
  body#share.service #hero-A .hero-body .sub span {
    font-size: 1.125rem;
  }
  body#share.service #hero-A .hero-graphic {
    position: relative;
    top: 0px;
    left: 20px;
    -webkit-transform: none;
            transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    height: 28.75rem;
  }
}
@media (min-width: 1200px) {
  body#share.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#share.service #hero-A .hero-body .description p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 1.5625rem;
    margin-bottom: 0px;
  }
  body#share.service #hero-A .hero-graphic {
    position: relative;
    top: 0px;
    left: 20px;
    -webkit-transform: none;
            transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    height: 31.25rem;
  }
}
body#share.service #main {
  background: #ffffff;
  padding: 0;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
}
body#share.service #main .h2 {
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  body#share.service #main .h2 {
    font-size: 2rem;
  }
}
body#share.service #main #intro ul.logos {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c1e0dc;
  border-radius: 5px;
  background: #f3fffe;
  padding: 40px 30px;
}
body#share.service #main #intro ul.logos li.digikey {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  body#share.service #main #intro ul.logos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#share.service #main #intro ul.logos li {
    margin: 0 10px 5px 10px !important;
  }
}
@media (min-width: 1090px) {
  body#share.service #main #intro ul.logos li {
    margin: 0 25px 0px 25px !important;
  }
}
body#share.service #main #intro .pickup {
  margin: 2.5rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#share.service #main #intro .pickup dl {
  border: 1px solid #97c997;
  background-color: #ebffeb;
  padding: 20px 20px 20px 40px;
  margin: 5px 0px;
}
body#share.service #main #intro .pickup dl dt {
  position: relative;
  margin: 5px;
}
body#share.service #main #intro .pickup dl dt span {
  font-size: 1.0625rem;
  font-weight: 500;
}
body#share.service #main #intro .pickup dl dt::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(/ja/img/service/share/icon-check.svg) no-repeat center left;
  background-size: contain;
  position: absolute;
  left: -28px;
  top: 9px;
}
body#share.service #main #intro .pickup dl dd {
  margin: 10px 5px 5px 5px;
}
body#share.service #main #intro .pickup dl dd span {
  line-height: 1.6;
  font-weight: 400;
}
body#share.service #main #intro .graphic {
  width: 100%;
  margin: 2.5rem auto 0 auto;
}
body#share.service #main #intro .graphic .img-wrap {
  margin: 0 auto 0 auto;
  padding: 0px;
  border: 1px solid #c7dae5;
  background-color: #f5faff;
  border: none;
  background: none;
}
body#share.service #main #intro .graphic .img-wrap img {
  width: 100%;
}
@media (min-width: 768px) {
  body#share.service #main #intro .pickup {
    margin: 2.5rem auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#share.service #main #intro .pickup dl {
    width: calc(50% - 7px);
  }
}
body#share.service #main #point {
  background: #000;
  overflow: hidden;
}
body#share.service #main #point .h2 {
  color: #fff;
}
body#share.service #main #point .pickup {
  margin: 2.5rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#share.service #main #point .pickup dl {
  border-radius: 3px;
  background-color: #ebffeb;
  padding: 20px 20px 20px 40px;
  margin: 5px 0px;
}
body#share.service #main #point .pickup dl dt {
  position: relative;
  margin: 5px;
}
body#share.service #main #point .pickup dl dt span {
  font-size: 1.0625rem;
  font-weight: 500;
}
body#share.service #main #point .pickup dl dt::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(/ja/img/service/share/icon-check.svg) no-repeat center left;
  background-size: contain;
  position: absolute;
  left: -28px;
  top: 9px;
}
body#share.service #main #point .pickup dl dd {
  margin: 10px 5px 5px 5px;
}
body#share.service #main #point .pickup dl dd span {
  line-height: 1.6;
  font-weight: 400;
}
body#share.service #main #point .img-wrap {
  margin: 2.5rem 0 0 0;
}
@media (min-width: 992px) {
  body#share.service #main #point .wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body#share.service #main #point .wrap .pickup {
    width: 60%;
  }
  body#share.service #main #point .wrap .img-wrap {
    width: 40%;
    padding-left: 1.875rem;
  }
  body#share.service #main #point .wrap .img-wrap img {
    position: relative;
    top: -3.125rem;
    left: 0;
  }
  body#share.service #main #point .wrap .cart {
    position: absolute;
    bottom: 0px;
    left: -40px;
  }
  body#share.service #main #point .wrap .cart img {
    display: inline-block;
  }
  body#share.service #main #point .wrap .cart img.icon-cart {
    width: 153px;
    height: 156px;
    margin-right: 10px;
  }
  body#share.service #main #point .wrap .cart img.cart-bom {
    width: 450px;
    height: auto;
  }
}
@media (min-width: 1140px) {
  body#share.service #main #point .wrap .cart img.icon-cart {
    margin-right: 50px;
  }
}
body#share.service #main #share-contents .share-logo {
  text-align: center;
}
body#share.service #main #share-contents .share-logo img {
  height: 30px;
}
@media (min-width: 576px) {
  body#share.service #main #share-contents .share-logo img {
    height: 35px;
  }
}
@media (min-width: 768px) {
  body#share.service #main #share-contents .share-logo img {
    height: 40px;
  }
}
@media (min-width: 992px) {
  body#share.service #main #share-contents .share-logo img {
    height: 45px;
  }
}
body#share.service #main #share-contents .img-wrap {
  margin: 1.25rem 0;
}
@media (min-width: 576px) {
  body#share.service #main #share-contents .img-wrap {
    margin: 2.5rem 0;
  }
}
@media (min-width: 992px) {
  body#share.service #main #share-contents .img-wrap {
    margin: 3.75rem 0;
  }
}
body#share.service #main #share-contents .share-japan {
  margin-top: 50px;
  position: relative;
}
body#share.service #main #share-contents .share-japan h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.7px;
  text-align: center;
  padding: 20px 0 0 0;
}
@media (min-width: 576px) {
  body#share.service #main #share-contents .share-japan h3 {
    font-size: 1.75rem;
  }
}
body#share.service #main #share-contents .share-japan .wrap {
  border: 3px solid #18c4c4;
  background-color: #f6ffff;
  border-radius: 3px;
  padding: 1.25rem 1.25rem;
}
body#share.service #main #share-contents .share-japan .wrap .img-wrap {
  text-align: center;
  margin: 30px auto 30px auto;
  padding: 30px 20px;
  border: 1px solid #c6e0e0;
  background-color: #fff;
  border-radius: 5px;
}
@media (min-width: 992px) {
  body#share.service #main #share-contents .share-japan .wrap .img-wrap {
    margin: 50px auto 40px auto;
  }
}
body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
  max-width: 250px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  body#share.service #main #share-contents .share-japan .wrap {
    padding: 3.125rem 1.25rem;
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap {
    margin-left: 90px;
    margin-right: 90px;
    padding: 50px 20px;
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 550px;
  }
  body#share.service #main #share-contents .share-japan .wrap p {
    margin: 0 auto 1rem auto;
    width: 90%;
  }
}
body#share.service #main #share-contents .other {
  position: relative;
  margin-top: 50px;
  position: relative;
}
body#share.service #main #share-contents .other #ultralibrarian {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -220px;
}
body#share.service #main #share-contents .other #samacsys {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -220px;
}
body#share.service #main #share-contents .other .wrap {
  border: 3px solid #f8bb12;
  background-color: #fffdf6;
  border-radius: 3px;
  padding: 25px 30px;
}
body#share.service #main #share-contents .other .wrap .img-wrap {
  margin: 0 auto;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
  text-align: center;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img {
  display: inline-block;
  margin: 0 15px 20px;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
  max-width: 170px;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
  max-width: 110px;
}
body#share.service #main #share-contents .other .wrap p {
  margin: 0;
}
body#share.service #main #share-contents .other .wrap .links {
  margin: 20px auto 0;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e9dab0;
  background-color: #ffffff;
}
body#share.service #main #share-contents .other .wrap .links ul {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}
body#share.service #main #share-contents .other .wrap .links ul li {
  font-size: 13px;
  line-height: 1.3;
  margin-top: 3px;
}
@media (min-width: 576px) {
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 180px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 120px;
  }
  body#share.service #main #share-contents .other .wrap p {
    text-align: left;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
  body#share.service #main #share-contents .other .wrap .links {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
    margin-top: 16px;
    margin-bottom: 15px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 200px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 140px;
  }
  body#share.service #main #share-contents .other .wrap p {
    text-align: left;
    width: 90%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
  body#share.service #main #share-contents .other .wrap .links {
    width: 90%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  body#share.service #main #share-contents .other .wrap {
    padding: 45px 30px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img {
    margin: 10px 40px 20px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 280px;
    position: relative;
    top: 3px;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 140px;
  }
  body#share.service #main #share-contents .other .wrap .links {
    padding: 15px 20px;
  }
  body#share.service #main #share-contents .other .wrap .links ul li {
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
  }
}

/* body */
body#simulation-pcb {
  background: -webkit-gradient(linear, left top, right top, from(#150032), to(#8D00E9));
  background: linear-gradient(to right, #150032, #8D00E9);
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== レイアウト ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ イントロ */
  /* =========================================================================== ⭐️ レポート */
  /* =========================================================================== ⭐️ 対応サービス */
  /* =========================================================================== ⭐️ */
}
@media (min-width: 992px) {
  body#simulation-pcb {
    padding-top: 180px;
  }
}
body#simulation-pcb #hero {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#150032), to(#8D00E9));
  background: linear-gradient(to right, #150032, #8D00E9);
}
body#simulation-pcb #hero .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}
body#simulation-pcb #hero h1 {
  display: block;
  width: 100%;
  background: url(/ja/img/service/simulation/pcb/page-title_s.svg) no-repeat center center;
  background-size: auto 56px;
  height: 56px;
}
body#simulation-pcb #hero h2 {
  display: none;
}
body#simulation-pcb #hero .title-wrap {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  margin-top: 70px; /*⭐️*/
}
body#simulation-pcb #hero .btn-wrap {
  margin: 25px 0 0 0;
}
body#simulation-pcb #hero .hero-image {
  position: absolute;
  padding: 0;
  margin: 0;
  height: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
          transform: translate(-50%, 10%);
}
body#simulation-pcb #hero .hero-image img {
  width: 350px;
}
@media (min-width: 576px) {
  body#simulation-pcb #hero .title-wrap {
    margin-top: 50px; /*⭐️*/
  }
  body#simulation-pcb #hero h1 {
    display: block;
    width: 100%;
    background: url(/ja/img/service/simulation/pcb/page-title.svg) no-repeat center center;
    background-size: auto 40px;
    height: 50px;
  }
  body#simulation-pcb #hero h2 {
    display: block;
    width: 100%;
    background: url(/ja/img/service/simulation/pcb/page-sub-title.svg) no-repeat center center;
    background-size: auto 20px;
    height: 26px;
  }
  body#simulation-pcb #hero .hero-image {
    -webkit-transform: translate(-50%, 15%);
            transform: translate(-50%, 15%);
  }
  body#simulation-pcb #hero .hero-image img {
    width: 400px;
  }
}
@media (min-width: 992px) {
  body#simulation-pcb #hero {
    height: 700px;
  }
  body#simulation-pcb #hero h1 {
    display: block;
    width: 100%;
    background: url(/ja/img/service/simulation/pcb/page-title.svg) no-repeat center center;
    background-size: auto 56px;
    height: 76px;
  }
  body#simulation-pcb #hero h2 {
    display: block;
    width: 100%;
    background: url(/ja/img/service/simulation/pcb/page-sub-title.svg) no-repeat center center;
    background-size: auto 24px;
    height: 24px;
  }
  body#simulation-pcb #hero .hero-image {
    -webkit-transform: translate(-50%, 18%);
            transform: translate(-50%, 18%);
  }
  body#simulation-pcb #hero .hero-image img {
    width: 900px;
  }
  body#simulation-pcb #hero .title-wrap {
    margin-top: 100px; /*⭐️*/
  }
  body#simulation-pcb #hero .btn-wrap {
    margin: 35px 0 0 0;
  }
}
body#simulation-pcb #main {
  padding: 0 0 0 0;
}
body#simulation-pcb #intro {
  padding-bottom: 0rem;
}
body#simulation-pcb #intro .wrap {
  width: 100%;
  max-width: 600px;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 10px;
  padding: 0px 0px;
  margin: 0 auto;
}
body#simulation-pcb #intro .h2 {
  padding: 0;
  margin: 0 0 0rem 0;
  background: url(/ja/img/service/simulation/pcb/logo-sipi.svg) no-repeat center center;
  background-size: 225px 52px;
  background-size: auto 36px;
  width: 100%;
  height: 52px;
}
body#simulation-pcb #intro .h3 {
  padding: 0;
  margin: 1.875rem 0 0 0;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
}
body#simulation-pcb #intro p {
  padding: 0;
  margin: 1.25rem auto 0 auto;
  text-align: justify;
  font-weight: 400;
  line-height: 2;
  width: 95%;
  color: #343a40;
  font-size: 0.875rem;
}
body#simulation-pcb #intro .img-wrap {
  margin: 1.875rem auto 1.875rem auto;
  text-align: center;
}
body#simulation-pcb #intro .img-wrap img {
  height: 80px;
}
@media (min-width: 576px) {
  body#simulation-pcb #intro p {
    text-align: center;
  }
}
@media (min-width: 768px) {
  body#simulation-pcb #intro {
    padding-bottom: 2.5rem;
  }
  body#simulation-pcb #intro .wrap {
    width: 100%;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 10px;
    padding: 0px 0px;
    margin: 0 auto;
  }
  body#simulation-pcb #intro .h2 {
    padding: 0;
    margin: 0 0 0rem 0;
    background: url(/ja/img/service/simulation/pcb/logo-sipi.svg) no-repeat center center;
    background-size: 225px 42px;
    width: 100%;
    height: 52px;
  }
  body#simulation-pcb #intro .h3 {
    padding: 0;
    margin: 2.5rem 0 0 0;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 10px;
  }
  body#simulation-pcb #intro p {
    padding: 0;
    margin: 2.5rem auto 0 auto;
    text-align: justify;
    font-weight: 400;
    line-height: 2;
    width: 95%;
    color: #343a40;
    font-size: 1rem;
    text-align: center;
  }
  body#simulation-pcb #intro .img-wrap {
    margin: 3.125rem auto 1.875rem auto;
    text-align: center;
  }
  body#simulation-pcb #intro .img-wrap img {
    height: 90px;
  }
}
@media (min-width: 992px) {
  body#simulation-pcb #intro {
    padding-bottom: 2.5rem;
  }
  body#simulation-pcb #intro .wrap {
    width: 100%;
    max-width: 700px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 10px;
    padding: 0px 0px;
    margin: 0 auto;
  }
  body#simulation-pcb #intro .h2 {
    padding: 0;
    margin: 0 0 0rem 0;
    background: url(/ja/img/service/simulation/pcb/logo-sipi.svg) no-repeat center center;
    background-size: 225px 52px;
    width: 100%;
    height: 52px;
  }
  body#simulation-pcb #intro .h3 {
    padding: 0;
    margin: 3.75rem 0 0 0;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 10px;
  }
  body#simulation-pcb #intro p {
    padding: 0;
    margin: 3.125rem auto 0 auto;
    text-align: justify;
    font-weight: 400;
    line-height: 2;
    width: 95%;
    color: #343a40;
    font-size: 1.125rem;
    text-align: center;
  }
  body#simulation-pcb #intro .img-wrap {
    margin: 1.875rem auto 1.25rem auto;
    text-align: center;
  }
  body#simulation-pcb #intro .img-wrap img {
    height: 200px;
  }
}
body#simulation-pcb #result {
  padding-top: 0rem;
  padding-bottom: 0rem;
  position: relative;
}
body#simulation-pcb #result .report-sign,
body#simulation-pcb #result .report-en-left,
body#simulation-pcb #result .report-en-right {
  display: none;
}
body#simulation-pcb #result .h2 {
  font-weight: 500;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin-bottom: 1.875rem;
}
body#simulation-pcb #result p {
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
body#simulation-pcb #result .report-img-wrap {
  margin-top: 2.5rem;
  width: 100%;
}
body#simulation-pcb #result .report-img-wrap div {
  margin: 15px auto 0 auto;
  max-width: 400px;
  width: 100%;
}
body#simulation-pcb #result .report-img-wrap div img {
  display: block;
  margin: 15px auto 0 auto;
}
@media (min-width: 768px) {
  body#simulation-pcb #result .h2 {
    font-weight: 600;
    font-size: 32px;
    width: 100%;
    text-align: center;
    margin-bottom: 1.875rem;
  }
  body#simulation-pcb #result p {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    text-align: center;
    line-height: 2;
  }
}
@media (min-width: 992px) {
  body#simulation-pcb #result .report-img-wrap {
    padding-top: 3.125rem;
    z-index: 10;
    height: 800px;
    position: relative;
  }
  body#simulation-pcb #result .report-img-wrap div {
    max-width: none;
  }
  body#simulation-pcb #result .report-img-wrap div img {
    width: 49%;
  }
  body#simulation-pcb #result .report-img-wrap .rp1,
  body#simulation-pcb #result .report-img-wrap .rp2 {
    height: 450px;
    position: relative;
  }
  body#simulation-pcb #result .report-img-wrap .rp1 .left,
  body#simulation-pcb #result .report-img-wrap .rp2 .left {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  body#simulation-pcb #result .report-img-wrap .rp1 .right,
  body#simulation-pcb #result .report-img-wrap .rp2 .right {
    position: absolute;
    top: 0;
    right: 0;
  }
  body#simulation-pcb #result .report-img-wrap .rp2 {
    position: absolute;
    bottom: 0;
  }
  body#simulation-pcb #result .container-xl {
    position: relative;
  }
  body#simulation-pcb #result .report-sign {
    display: block;
    position: absolute;
    top: 170px;
    left: 0px;
    z-index: 1;
    width: 350px;
  }
}
@media (min-width: 1100px) {
  body#simulation-pcb #result .report-img-wrap {
    height: 880px;
  }
  body#simulation-pcb #result .report-img-wrap div img {
    width: 520px;
  }
}
@media (min-width: 1200px) {
  body#simulation-pcb #result .report-en-left {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -90%;
    left: -40%;
    width: 550px;
    height: auto;
    opacity: 0.5;
  }
  body#simulation-pcb #result .report-en-right {
    display: block;
    position: absolute;
    z-index: 1;
    top: 90%;
    right: -40%;
    width: 600px;
    height: auto;
    opacity: 0.5;
  }
}
body#simulation-pcb #service .h2 {
  font-weight: 500;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin-bottom: 1.875rem;
}
body#simulation-pcb #service p {
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
body#simulation-pcb #service .table {
  margin-top: 40px;
}
body#simulation-pcb #service .table th, body#simulation-pcb #service .table td {
  border: 1px solid #745d88;
}
body#simulation-pcb #service .table thead {
  background: #f0f1ff;
  text-align: center;
}
body#simulation-pcb #service .table thead th strong, body#simulation-pcb #service .table thead td strong {
  display: block;
  font-size: 20px;
  line-height: 1;
}
body#simulation-pcb #service .table thead th span, body#simulation-pcb #service .table thead td span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
body#simulation-pcb #service .table tbody th, body#simulation-pcb #service .table tbody td {
  line-height: 1.2;
  text-align: center;
}
body#simulation-pcb #service .table tbody th span, body#simulation-pcb #service .table tbody td span {
  font-size: 14px;
  font-weight: 400;
}
body#simulation-pcb #service .format {
  border: 3px solid #baa6cc;
  border-radius: 5px;
  position: relative;
  padding: 20px 10px;
  margin-top: 80px;
}
body#simulation-pcb #service .format .h3 {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: -35px;
  left: 50%;
  background: #fff;
  display: inline-block;
  width: 230px;
  padding: 0 10px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
body#simulation-pcb #service .format p {
  margin: 0;
}
body#simulation-pcb #service .notes {
  margin-top: 50px;
}
@media (min-width: 768px) {
  body#simulation-pcb #service .h2 {
    font-weight: 600;
    font-size: 32px;
    width: 100%;
    text-align: center;
    margin-bottom: 1.875rem;
  }
  body#simulation-pcb #service p {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    text-align: center;
    line-height: 2;
  }
  body#simulation-pcb #service .table,
  body#simulation-pcb #service .format,
  body#simulation-pcb #service .notes {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
  }
  body#simulation-pcb #service .table thead th, body#simulation-pcb #service .table thead td {
    padding-bottom: 18px;
    line-height: 1;
  }
  body#simulation-pcb #service .table thead th strong, body#simulation-pcb #service .table thead td strong {
    display: block;
    font-size: 25px;
    line-height: 1;
  }
  body#simulation-pcb #service .table thead th span, body#simulation-pcb #service .table thead td span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
  body#simulation-pcb #service .format {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body#simulation-pcb #service .format .h3 {
    top: -20px;
    width: 300px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  body#simulation-pcb #service .table thead th, body#simulation-pcb #service .table thead td {
    padding-bottom: 18px;
    line-height: 1;
  }
  body#simulation-pcb #service .table thead th strong, body#simulation-pcb #service .table thead td strong {
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    margin-right: 10px;
  }
  body#simulation-pcb #service .table thead th span, body#simulation-pcb #service .table thead td span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    font-style: italic;
  }
  body#simulation-pcb #service .table tbody th, body#simulation-pcb #service .table tbody td {
    padding: 20px;
  }
  body#simulation-pcb #service .format {
    padding: 30px 10px;
    margin-top: 50px;
  }
  body#simulation-pcb #service .format .h3 {
    font-weight: 600;
    top: -20px;
    width: 300px;
    font-size: 20px;
  }
}
body#simulation-pcb #conversion {
  background: -webkit-gradient(linear, left top, right top, from(#150032), to(#8D00E9));
  background: linear-gradient(to right, #150032, #8D00E9);
  overflow-x: hidden;
}
body#simulation-pcb #conversion .description {
  width: 100%;
}
body#simulation-pcb #conversion .graphic {
  width: 100%;
}
body#simulation-pcb #conversion dl {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
body#simulation-pcb #conversion dl dt.logo {
  padding: 0;
  margin: 0 0 20px 0;
  width: 100%;
  height: 43px;
  background: url(/ja/img/service/simulation/pcb/conversion-logo.svg) no-repeat center center;
  background-size: 157px 43px;
  background-size: 110px auto;
}
body#simulation-pcb #conversion dl dd {
  width: 100%;
  height: auto;
  text-align: left;
  margin: 10px 0 0 0;
}
body#simulation-pcb #conversion dl dd.name {
  height: 34px;
  background: url(/ja/img/service/simulation/pcb/conversion-service-name.svg) no-repeat center center;
  background-size: 400px 34px;
  background-size: auto 24px;
}
body#simulation-pcb #conversion dl dd.name-sub {
  height: 17px;
  background: url(/ja/img/service/simulation/pcb/conversion-service-name-sub.svg) no-repeat center center;
  background-size: 257px 17px;
  background-size: auto 17px;
}
body#simulation-pcb #conversion dl dd.btn-wrap {
  margin-top: 30px;
  text-align: center;
  height: 50px;
}
@media (min-width: 768px) {
  body#simulation-pcb #conversion dl dt.logo {
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
    height: 43px;
    background: url(/ja/img/service/simulation/pcb/conversion-logo.svg) no-repeat center center;
    background-size: 157px 43px;
    background-size: 130px auto;
  }
  body#simulation-pcb #conversion dl dd.name {
    height: 54px;
    background: url(/ja/img/service/simulation/pcb/conversion-service-name.svg) no-repeat center center;
    background-size: 400px 34px;
  }
}
@media (min-width: 992px) {
  body#simulation-pcb #conversion .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#simulation-pcb #conversion .description {
    width: 50%;
    text-align: left;
  }
  body#simulation-pcb #conversion .description dt.logo,
  body#simulation-pcb #conversion .description dd.name,
  body#simulation-pcb #conversion .description dd.name-sub {
    background-position: left center;
  }
  body#simulation-pcb #conversion .description dd.btn-wrap {
    text-align: left;
    margin-top: 40px;
  }
  body#simulation-pcb #conversion .graphic {
    width: 32%;
  }
  body#simulation-pcb #conversion .graphic img {
    position: relative;
    top: 30px;
  }
}

/* body */
body#balus.service {
  background: #0090a0;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== #main */
  /* =========================================================================== #problem */
  /* =========================================================================== #solution */
  /* =========================================================================== 特徴 */
  /* =========================================================================== #usage */
  /* =========================================================================== #case */
}
@media (min-width: 992px) {
  body#balus.service {
    padding-top: 180px;
  }
}
body#balus.service #hero-balus {
  padding-left: 24px;
  padding-right: 24px;
  min-height: 500px;
  background-color: #0090a0;
  /* スマホ */
  /* 576〜 */
  /* 992〜 */
}
body#balus.service #hero-balus .row {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: wrap;
          flex-direction: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#balus.service #hero-balus .hero-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 32px;
  padding-bottom: 48px;
}
body#balus.service #hero-balus .hero-body {
  width: 100%;
}
body#balus.service #hero-balus .hero-body .logo {
  margin-bottom: 16px;
}
body#balus.service #hero-balus .hero-body .logo img {
  display: block;
  width: 100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
body#balus.service #hero-balus .hero-body .catch {
  margin-bottom: 16px;
}
body#balus.service #hero-balus .hero-body .catch h2 {
  font-size: 24px !important;
  font-weight: 700;
  color: #fff;
  letter-spacing: 5px;
  line-height: 1.4;
  margin-bottom: 0px;
  text-align: center;
}
body#balus.service #hero-balus .hero-body .description {
  margin-bottom: 16px;
  text-align: center;
}
body#balus.service #hero-balus .hero-body .description p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 0px;
  text-align: center;
}
body#balus.service #hero-balus .hero-graphic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#balus.service #hero-balus .hero-graphic .hero-graphic-body {
  width: 300px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}
body#balus.service #hero-balus .hero-graphic img {
  display: block;
  width: 100%;
  height: auto;
}
body#balus.service #hero-balus .cta {
  text-align: center;
}
body#balus.service #hero-balus .cta .btn {
  padding: 17px 20px 18px 28px !important;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #edac04 !important;
  border: 1px solid #1a656e !important;
}
body#balus.service #hero-balus .cta .btn:hover {
  background-color: #d59d11 !important;
}
@media (min-width: 576px) {
  body#balus.service #hero-balus .row {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: wrap;
            flex-direction: wrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#balus.service #hero-balus .hero-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 32px;
    padding-bottom: 48px;
  }
  body#balus.service #hero-balus .hero-body {
    width: 100%;
  }
  body#balus.service #hero-balus .hero-body .logo {
    margin-bottom: 16px;
  }
  body#balus.service #hero-balus .hero-body .logo img {
    display: block;
    width: 100px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  body#balus.service #hero-balus .hero-body .catch {
    margin-bottom: 16px;
  }
  body#balus.service #hero-balus .hero-body .catch h2 {
    font-size: 30px !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
    line-height: 1.4;
    margin-bottom: 0px;
    text-align: center;
  }
  body#balus.service #hero-balus .hero-body .description {
    margin-bottom: 16px;
    text-align: center;
  }
  body#balus.service #hero-balus .hero-body .description p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 4px;
    line-height: 1.4;
    margin-bottom: 0px;
    text-align: center;
  }
  body#balus.service #hero-balus .hero-graphic {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#balus.service #hero-balus .hero-graphic .hero-graphic-body {
    width: 350px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  body#balus.service #hero-balus .hero-graphic img {
    display: block;
    width: 100%;
    height: auto;
  }
  body#balus.service #hero-balus .cta {
    text-align: center;
  }
  body#balus.service #hero-balus .cta .btn {
    padding: 17px 32px 17px 38px !important;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    background-color: #edac04 !important;
    border: 1px solid #1a656e !important;
  }
  body#balus.service #hero-balus .cta .btn::before {
    content: "\f0a9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: relative;
    left: -10px;
  }
}
@media (min-width: 992px) {
  body#balus.service #hero-balus .row {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#balus.service #hero-balus .hero-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  body#balus.service #hero-balus .hero-body {
    width: calc(100% - 450px);
  }
  body#balus.service #hero-balus .hero-body .logo {
    margin-bottom: 24px;
  }
  body#balus.service #hero-balus .hero-body .logo img {
    display: block;
    width: 120px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
  body#balus.service #hero-balus .hero-body .catch {
    margin-bottom: 24px;
  }
  body#balus.service #hero-balus .hero-body .catch h2 {
    font-size: 35px !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
    line-height: 1.4;
    margin-bottom: 0px;
    text-align: left;
  }
  body#balus.service #hero-balus .hero-body .description {
    margin-bottom: 32px;
  }
  body#balus.service #hero-balus .hero-body .description p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 4px;
    line-height: 1.4;
    margin-bottom: 0px;
    text-align: left;
  }
  body#balus.service #hero-balus .hero-graphic {
    width: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  body#balus.service #hero-balus .hero-graphic .hero-graphic-body {
    width: 100%;
    margin: 0 !important;
  }
  body#balus.service #hero-balus .hero-graphic img {
    display: block;
    width: 100%;
    height: auto;
  }
  body#balus.service #hero-balus .cta {
    text-align: left;
  }
  body#balus.service #hero-balus .cta .btn {
    padding: 20px 32px 20px 38px !important;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    background-color: #edac04 !important;
    border: 1px solid #1a656e !important;
  }
}
body#balus.service #main {
  background: #ffffff;
  padding: 0;
  margin: 0;
}
body#balus.service #main .h2 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.4;
  margin: 0 auto 32px;
}
@media (min-width: 768px) {
  body#balus.service #main .h2 {
    font-size: 28px;
    margin: 0 auto 36px;
  }
}
@media (min-width: 992px) {
  body#balus.service #main .h2 {
    font-size: 32px;
    margin: 0 auto 48px;
  }
}
@media (min-width: 1200px) {
  body#balus.service #main .h2 {
    font-size: 32px;
    margin: 0 auto 56px;
  }
}
body#balus.service #main .bg-color {
  background-color: #f3fffc;
  border-top: 1px solid #c4dedc;
  border-bottom: 1px solid #c4dedc;
}
body#balus.service #problem {
  padding-bottom: 0px !important;
}
body#balus.service #problem dl {
  width: 100%;
  margin-bottom: 32px;
}
body#balus.service #problem dl dt {
  margin-bottom: 16px;
  text-align: center;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
body#balus.service #problem dl dd {
  text-align: center;
}
body#balus.service #problem .icon-arrow {
  text-align: center;
  padding: 16px;
}
body#balus.service #problem .icon-arrow img {
  width: 30px;
}
@media (min-width: 768px) {
  body#balus.service #problem .icon-arrow img {
    width: 40px;
  }
}
body#balus.service #solution {
  padding-top: 16px !important;
}
body#balus.service #solution .h2 {
  max-width: 400px;
  color: #0090a0;
}
body#balus.service #solution .h2 span {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.4;
  margin: 0 auto 0px;
  padding-left: 5px;
}
body#balus.service #solution .h2 p {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 auto 0;
  position: relative;
}
body#balus.service #solution .h2 p::before {
  content: "";
  display: block;
  height: 50px;
  width: 2px;
  background-color: #0090a0;
  position: absolute;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  bottom: 0px;
  left: -10px;
}
body#balus.service #solution .h2 p::after {
  content: "";
  display: block;
  height: 50px;
  width: 2px;
  background-color: #0090a0;
  position: absolute;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  bottom: 0px;
  right: -10px;
}
@media (min-width: 768px) {
  body#balus.service #solution .h2 {
    max-width: 450px;
    margin: 0 auto 36px;
  }
  body#balus.service #solution .h2 span {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 auto 0px;
    padding-left: 5px;
  }
  body#balus.service #solution .h2 p {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    margin: 0 auto 0;
  }
}
@media (min-width: 992px) {
  body#balus.service #solution .h2 {
    max-width: 450px;
    margin: 0 auto 48px;
  }
  body#balus.service #solution .h2 span {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 auto 0px;
    padding-left: 5px;
  }
  body#balus.service #solution .h2 p {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.4;
    margin: 0 auto 0;
  }
}
@media (min-width: 1200px) {
  body#balus.service #solution .h2 {
    margin: 0 auto 56px;
  }
}
body#balus.service #solution dl {
  width: 100%;
  margin-bottom: 32px;
}
body#balus.service #solution dl dt {
  margin-bottom: 16px;
  text-align: center;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
body#balus.service #solution dl dd {
  text-align: center;
}
body#balus.service #features h2.logo {
  text-align: center;
  margin: 32px auto 8px;
}
body#balus.service #features h2.logo img {
  width: 120px;
}
@media (min-width: 992px) {
  body#balus.service #features h2.logo {
    margin: 20px auto 16px;
  }
  body#balus.service #features h2.logo img {
    width: 140px;
  }
}
body#balus.service #features h3.description {
  font-size: 18px;
  font-weight: 400;
  color: #0090a0;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 48px;
}
@media (min-width: 992px) {
  body#balus.service #features h3.description {
    font-size: 22px;
  }
}
body#balus.service #features .block {
  margin: 32px auto 56px;
}
body#balus.service #features .block .text {
  padding-bottom: 16px;
}
body#balus.service #features .block .graphic {
  text-align: center;
}
body#balus.service #features .block .graphic img {
  max-width: 360px;
}
body#balus.service #features .block h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto 12px;
  letter-spacing: 1px;
  text-align: center;
}
body#balus.service #features .block h5 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 auto 24px;
  text-align: center;
}
@media (min-width: 992px) {
  body#balus.service #features .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body#balus.service #features .block h4 {
    text-align: left;
  }
  body#balus.service #features .block h5 {
    text-align: left;
  }
  body#balus.service #features .block .text {
    width: 55%;
  }
  body#balus.service #features .block .graphic {
    width: 45%;
  }
}
body#balus.service #usage .h2 {
  margin-bottom: 32px;
}
body#balus.service #usage .description {
  line-height: 1.6;
}
body#balus.service #usage .graphic {
  padding-bottom: 32px;
  text-align: center;
}
body#balus.service #usage .graphic img {
  max-width: 400px;
}
@media (min-width: 768px) {
  body#balus.service #usage .description {
    text-align: center;
  }
  body#balus.service #usage .graphic img {
    max-width: 600px;
  }
}
body#balus.service #case .h2 {
  margin-bottom: 8px;
  letter-spacing: 4px;
}
body#balus.service #case .h3 {
  line-height: 1.6;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 16px;
}
body#balus.service #case .graphic {
  padding-bottom: 32px;
  text-align: center;
}
body#balus.service #case .graphic img {
  max-width: 400px;
}
body#balus.service #case .text h4 {
  text-align: center;
  font-size: 22px;
  font-family: "Noto Serif JP";
  font-weight: 800;
  letter-spacing: 0px;
  font-style: italic;
  margin-bottom: 8px;
}
body#balus.service #case .text h5 {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 18px;
}
body#balus.service #case .text dl dt div {
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 12px;
}
body#balus.service #case .text dl dt img {
  display: block;
  width: 100px;
  margin: 0 auto;
}
body#balus.service #case .text dl dd p {
  font-size: 12px;
  line-height: 1.6;
}
body#balus.service #case .cta {
  text-align: center;
  width: 100%;
}
body#balus.service #case .cta .btn {
  width: 100%;
  padding: 12px 20px 13px 28px !important;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 2px;
  background-color: #0090a0 !important;
  border: 1px solid #057d8a !important;
}
body#balus.service #case .cta .btn:hover {
  background-color: #018492 !important;
}
body#balus.service #case .cta .btn::before {
  content: "\f0a9";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: relative;
  left: -10px;
}
@media (min-width: 576px) {
  body#balus.service #case .text dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#balus.service #case .text dl dt {
    padding-right: 16px;
  }
  body#balus.service #case .text dl dt div {
    margin-bottom: 0px;
  }
  body#balus.service #case .text dl dt img {
    width: 100px;
  }
  body#balus.service #case .text dl dd p {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  body#balus.service #case .h2 {
    margin-bottom: 8px;
    letter-spacing: 4px;
  }
  body#balus.service #case .h3 {
    line-height: 1.6;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 32px;
  }
  body#balus.service #case .wrap {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #0090a0;
    background: #fff;
    padding: 28px 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
  }
  body#balus.service #case .wrap-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body#balus.service #case .text h4 {
    text-align: left;
    font-size: 28px;
  }
  body#balus.service #case .text h5 {
    text-align: left;
  }
  body#balus.service #case .text dl dt div img {
    width: 80px;
  }
  body#balus.service #case .graphic {
    padding-right: 16px;
    padding-bottom: 0px;
  }
  body#balus.service #case .graphic img {
    max-width: 280px;
  }
}

/* body */
body#account.service {
  background: #1565c0;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ヒーローエリア（A type） ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ 機能紹介 */
  /* =========================================================================== ⭐️  */
}
@media (min-width: 992px) {
  body#account.service {
    padding-top: 180px;
  }
}
body#account.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #1565c0;
}
body#account.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 768px) {
  body#account.service #hero-A::before {
    display: none;
  }
}
body#account.service #hero-A .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#account.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #fff;
}
body#account.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
body#account.service #hero-A .hero-body .main img {
  display: block;
  width: auto;
  height: 1.875rem;
  margin: 0 auto 0.9375rem auto;
}
body#account.service #hero-A .hero-body .sub span {
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
}
body#account.service #hero-A .hero-body .sub span.english {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body#account.service #hero-A .hero-body .description {
  display: none;
}
body#account.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body#account.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 31.25rem;
}
@media (min-width: 768px) {
  body#account.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  body#account.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#account.service #hero-A .hero-body .main img {
    height: 2.1875rem;
    margin: 0 0 0.9375rem 0;
  }
  body#account.service #hero-A .hero-body .sub span {
    font-size: 1rem;
  }
  body#account.service #hero-A .hero-body .description {
    display: block;
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#account.service #hero-A .hero-body .description p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 1.25rem;
    margin-bottom: 0px;
  }
  body#account.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#account.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 10.625rem;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
}
@media (min-width: 992px) {
  body#account.service #hero-A .row {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  body#account.service #hero-A .hero-body .main img {
    height: 2.9375rem;
  }
  body#account.service #hero-A .hero-body .sub span {
    font-size: 1.125rem;
  }
  body#account.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#account.service #hero-A .hero-graphic img {
    height: 11.875rem;
  }
}
@media (min-width: 1200px) {
  body#account.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#account.service #hero-A .hero-body .description p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 1.5625rem;
    margin-bottom: 0px;
  }
  body#account.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#account.service #hero-A .hero-graphic img {
    height: 12.5rem;
  }
}
body#account.service #main {
  padding: 0 0 0 0;
}
body#account.service section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
body#account.service #intro {
  padding-top: 6.25rem;
  padding-bottom: 0rem;
}
body#account.service #intro .h2 {
  margin-bottom: 2.5rem;
}
body#account.service #intro p {
  margin-bottom: 30px;
}
body#account.service #functions {
  padding-top: 3.125rem;
  padding-bottom: 6.25rem;
}
body#account.service #functions .h2 {
  margin-bottom: 2.5rem;
}
body#account.service #functions ul {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0;
  margin: 0 0 2.5rem 0;
}
body#account.service #functions ul li {
  list-style-type: none;
  background: url(/ja/img/service/account/icon-check.svg) no-repeat left center;
  background-size: 23px auto;
  padding: 5px 0px 5px 35px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
}
body#account.service #functions ul li:first-child {
  margin-left: 50;
}
body#account.service #functions .btn-wrap p {
  font-size: 1rem;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  body#account.service #functions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body#account.service #functions ul li {
    margin-left: 0px;
  }
}

/* body */
body#manager.service {
  background: #1565c0;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ヒーローエリア（A type） ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ 機能紹介 */
  /* =========================================================================== ⭐️  */
}
@media (min-width: 992px) {
  body#manager.service {
    padding-top: 180px;
  }
}
body#manager.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #1565c0;
}
body#manager.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 768px) {
  body#manager.service #hero-A::before {
    display: none;
  }
}
body#manager.service #hero-A .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#manager.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #fff;
}
body#manager.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
body#manager.service #hero-A .hero-body .main img {
  display: block;
  width: auto;
  height: 1.875rem;
  margin: 0 auto 0.9375rem auto;
}
body#manager.service #hero-A .hero-body .sub span {
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
}
body#manager.service #hero-A .hero-body .sub span.english {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body#manager.service #hero-A .hero-body .description {
  display: none;
}
body#manager.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body#manager.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 31.25rem;
}
@media (min-width: 768px) {
  body#manager.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  body#manager.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#manager.service #hero-A .hero-body .main img {
    height: 2.1875rem;
    margin: 0 0 0.9375rem 0;
  }
  body#manager.service #hero-A .hero-body .sub span {
    font-size: 1rem;
  }
  body#manager.service #hero-A .hero-body .description {
    display: block;
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#manager.service #hero-A .hero-body .description p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 1.25rem;
    margin-bottom: 0px;
  }
  body#manager.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#manager.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 10.625rem;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
}
@media (min-width: 992px) {
  body#manager.service #hero-A .row {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  body#manager.service #hero-A .hero-body .main img {
    height: 2.9375rem;
  }
  body#manager.service #hero-A .hero-body .sub span {
    font-size: 1.125rem;
  }
  body#manager.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#manager.service #hero-A .hero-graphic img {
    height: 11.875rem;
  }
}
@media (min-width: 1200px) {
  body#manager.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#manager.service #hero-A .hero-body .description p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 1.5625rem;
    margin-bottom: 0px;
  }
  body#manager.service #hero-A .hero-graphic {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  body#manager.service #hero-A .hero-graphic img {
    height: 12.5rem;
  }
}
body#manager.service #main {
  padding: 0 0 0 0;
}
body#manager.service section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
body#manager.service #intro {
  padding-top: 6.25rem;
  padding-bottom: 0rem;
}
body#manager.service #intro .h2 {
  margin-bottom: 2.5rem;
}
body#manager.service #intro p {
  margin-bottom: 30px;
}
body#manager.service #functions {
  padding-top: 3.125rem;
  padding-bottom: 6.25rem;
}
body#manager.service #functions .h2 {
  margin-bottom: 2.5rem;
}
body#manager.service #functions ul {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0;
  margin: 0 0 2.5rem 0;
}
body#manager.service #functions ul li {
  list-style-type: none;
  background: url(/ja/img/service/account/icon-check.svg) no-repeat left center;
  background-size: 23px auto;
  padding: 5px 0px 5px 35px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
}
body#manager.service #functions ul li:first-child {
  margin-left: 50;
}
body#manager.service #functions .btn-wrap p {
  font-size: 1rem;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  body#manager.service #functions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body#manager.service #functions ul li {
    margin-left: 0px;
  }
}

/* body */
body#convert.service {
  background: #000;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== レイアウト ⭐️ */
  /* =========================================================================== ⭐️  */
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ コンバート表 */
  /* =========================================================================== ⭐️ デザインコンバーター */
  /* =========================================================================== ⭐️ コンバート代行サービス */
  /* =========================================================================== ⭐️ */
}
@media (min-width: 992px) {
  body#convert.service {
    padding-top: 180px;
  }
}
body#convert.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #1565c0;
  background: -webkit-gradient(linear, left top, right top, from(#f0f4f6), to(#e3f4f6));
  background: linear-gradient(to right, #f0f4f6, #e3f4f6);
}
body#convert.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 400px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 768px) {
  body#convert.service #hero-A::before {
    display: none;
  }
}
body#convert.service #hero-A .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#convert.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #000;
}
body#convert.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
body#convert.service #hero-A .hero-body .main img {
  display: block;
  width: auto;
  height: 1.875rem;
  margin: 0 auto 0.9375rem auto;
}
body#convert.service #hero-A .hero-body .sub span {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
}
body#convert.service #hero-A .hero-body .sub span.english {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body#convert.service #hero-A .hero-body .description {
  display: none;
}
body#convert.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body#convert.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 31.25rem;
}
@media (min-width: 768px) {
  body#convert.service #hero-A .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  body#convert.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#convert.service #hero-A .hero-body .main img {
    width: auto;
    height: 2.5rem;
    margin: 0 0 0.9375rem 0;
  }
  body#convert.service #hero-A .hero-body .sub span {
    font-size: 1rem;
    color: #000;
  }
  body#convert.service #hero-A .hero-body .description {
    display: block;
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#convert.service #hero-A .hero-body .description p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 1.25rem;
    margin-bottom: 0px;
  }
  body#convert.service #hero-A .hero-graphic {
    position: relative;
    top: -20px;
    left: 40px;
    -webkit-transform: none;
            transform: none;
  }
  body#convert.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 12.5rem;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
}
@media (min-width: 992px) {
  body#convert.service #hero-A .row {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  body#convert.service #hero-A .hero-body .main img {
    height: 2.875rem;
  }
  body#convert.service #hero-A .hero-body .sub span {
    font-size: 1.125rem;
  }
  body#convert.service #hero-A .hero-graphic {
    position: relative;
    top: -20px;
    left: 0px;
    -webkit-transform: none;
            transform: none;
  }
  body#convert.service #hero-A .hero-graphic img {
    height: 16.25rem;
  }
}
@media (min-width: 1200px) {
  body#convert.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#convert.service #hero-A .hero-body .description p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 1.5625rem;
    margin-bottom: 0px;
  }
  body#convert.service #hero-A .hero-graphic {
    position: relative;
    top: -20px;
    left: 0px;
    -webkit-transform: none;
            transform: none;
  }
  body#convert.service #hero-A .hero-graphic img {
    height: 19.125rem;
  }
}
body#convert.service #main {
  padding: 0 0 0 0;
}
body#convert.service #intro {
  width: 100%;
  background: #fff;
  color: #333;
}
body#convert.service #intro .h2 {
  padding: 0;
  margin: 0 0 1.875rem 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
body#convert.service #intro p {
  padding: 0;
  margin: 0;
  text-align: justify;
  font-weight: 400;
  text-align: center;
  line-height: 1.8;
}
body#convert.service #intro .layout {
  width: 100%;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#convert.service #intro .layout dl {
  width: 100%;
  max-width: 360px;
  text-align: center;
  padding: 0px;
  margin-top: 30px;
}
body#convert.service #intro .layout dl dt {
  background: #f6f6f6;
  background: rgba(245, 253, 255, 0.4);
  border: 1px solid #e5f0f2;
  border-radius: 3px;
  padding: 20px 0;
}
body#convert.service #intro .layout dl dt img {
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 300px;
  height: auto;
}
body#convert.service #intro .layout dl dd {
  margin-top: 0.625rem;
}
body#convert.service #intro .layout dl dd strong {
  font-weight: 500;
  font-size: 1.125rem;
}
body#convert.service #intro .layout dl dd p, body#convert.service #intro .layout dl dd span {
  font-size: 0.84375rem;
  text-align: left;
}
body#convert.service #intro .layout dl dd p.add-text {
  font-size: 0.75rem;
  text-align: left;
  color: #939393;
  line-height: 1.5;
}
body#convert.service #intro .layout dl dd.title {
  margin-top: 1.375rem;
}
body#convert.service #intro .layout dl:first-child {
  margin-top: 0;
}
@media (min-width: 576px) {
  body#convert.service #intro .h2 {
    padding: 0;
    margin: 0 0 1.875rem 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
}
@media (min-width: 768px) {
  body#convert.service #intro .h2 {
    padding: 0;
    margin: 0 0 2.5rem 0;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
  body#convert.service #intro .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#convert.service #intro .layout dl {
    margin: 0;
    width: calc(33.3333333333% - 10px);
  }
  body#convert.service #intro .layout dl dd {
    margin-top: 0.625rem;
  }
  body#convert.service #intro .layout dl dd strong {
    font-weight: 400;
    font-size: 1.0625rem;
  }
  body#convert.service #intro .layout dl dd p, body#convert.service #intro .layout dl dd span {
    font-size: 0.8125rem;
  }
  body#convert.service #intro .layout dl dd.title {
    margin-top: 1.0625rem;
  }
}
@media (min-width: 992px) {
  body#convert.service #intro .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#convert.service #intro .layout dl {
    margin: 0;
    width: calc(33.3333333333% - 10px);
  }
  body#convert.service #intro .layout dl dt img {
    max-width: 340px;
  }
  body#convert.service #intro .layout dl dd {
    margin-top: 0.625rem;
  }
  body#convert.service #intro .layout dl dd strong {
    font-weight: 500;
    font-size: 1.0625rem;
  }
  body#convert.service #intro .layout dl dd p, body#convert.service #intro .layout dl dd span {
    font-size: 0.8125rem;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
  }
  body#convert.service #intro .layout dl dd.title {
    margin-top: 1.125rem;
  }
}
@media (min-width: 1200px) {
  body#convert.service #intro .h2 {
    padding: 0;
    margin: 0 0 2.5rem 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }
}
body#convert.service #convert-list table thead th {
  padding: 15px 25px;
  background: #549e66;
  border: 1px solid #549e66;
}
body#convert.service #convert-list table thead th:first-child {
  background: #5590de;
  border: 1px solid #5590de;
}
body#convert.service #convert-list table thead th span {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
body#convert.service #convert-list table tbody td {
  line-height: 2;
  padding: 20px 25px;
  vertical-align: top;
  background: rgba(67, 145, 86, 0.15);
  border: 1px solid #439156;
}
body#convert.service #convert-list table tbody td span {
  color: #439156;
  font-weight: 400;
}
body#convert.service #convert-list table tbody td:first-child {
  background: rgba(85, 144, 222, 0.15);
  border: 1px solid #5590de;
}
body#convert.service #convert-list table tbody td:first-child span {
  color: #3a7bd0;
  font-weight: 400;
}
body#convert.service #design-converter .h3,
body#convert.service #convert-service .h3 {
  font-size: 1.5rem;
  margin-top: 50px;
}
body#convert.service #design-converter table.table-standard,
body#convert.service #convert-service table.table-standard {
  min-width: 900px;
}
body#convert.service #design-converter .add-text,
body#convert.service #convert-service .add-text {
  margin-top: 20px;
  font-size: 14px;
}
body#convert.service #design-converter .btn-wrap,
body#convert.service #convert-service .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#convert.service #design-converter .btn-wrap a,
body#convert.service #convert-service .btn-wrap a {
  margin-bottom: 10px;
  max-width: 280px;
  margin-right: 10px;
}
body#convert.service #design-converter .title-wrap,
body#convert.service #convert-service .title-wrap {
  position: relative;
  text-align: left;
  margin-bottom: 6.25rem;
}
body#convert.service #design-converter .title-wrap .h2,
body#convert.service #convert-service .title-wrap .h2 {
  position: relative;
  display: block;
  font-weight: 600;
  letter-spacing: 0.5px;
  width: 100%;
  font-size: 2rem;
}
body#convert.service #design-converter .title-wrap .sub,
body#convert.service #convert-service .title-wrap .sub {
  position: relative;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
  width: 100%;
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body#convert.service #design-converter .title-wrap img,
body#convert.service #convert-service .title-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
body#convert.service #design-converter .title-wrap .adjust-box,
body#convert.service #convert-service .title-wrap .adjust-box {
  position: relative;
  height: auto;
  background: rgba(255, 255, 255, 0.1);
  width: 80%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
body#convert.service #design-converter .title-wrap .adjust-box:before,
body#convert.service #convert-service .title-wrap .adjust-box:before {
  content: "";
  display: block;
  padding-top: 83%;
}
body#convert.service #design-converter .title-wrap .adjust-box .adjust-box-inner,
body#convert.service #convert-service .title-wrap .adjust-box .adjust-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 900px) {
  body#convert.service #design-converter .title-wrap,
  body#convert.service #convert-service .title-wrap {
    margin-bottom: 0px;
  }
  body#convert.service #design-converter .title-wrap .h3 + p,
  body#convert.service #convert-service .title-wrap .h3 + p {
    width: 50%;
    text-align: justify;
  }
  body#convert.service #design-converter .title-wrap .adjust-box,
  body#convert.service #convert-service .title-wrap .adjust-box {
    max-width: 400px;
    position: absolute;
    right: 0;
    top: 0px;
  }
}
@media (min-width: 1200px) {
  body#convert.service #design-converter .title-wrap .adjust-box,
  body#convert.service #convert-service .title-wrap .adjust-box {
    max-width: 460px;
    position: absolute;
    right: -10px;
    top: -30px;
  }
}
body#convert.service #design-converter {
  background: #f3f3ff;
}
body#convert.service #design-converter table.table-standard thead th {
  background: #ebebff;
  border: 1px solid #a1a1d3;
  padding: 12px 20px;
}
body#convert.service #design-converter table.table-standard tbody td {
  background: #ffffff;
  border: 1px solid #a1a1d3;
  line-height: 2;
  padding: 15px 20px;
}
body#convert.service #convert-service {
  background: #f4f9f6;
}
body#convert.service #convert-service .title-wrap {
  text-align: left;
  margin-bottom: 6.25rem;
}
body#convert.service #convert-service .title-wrap .h2 {
  position: relative;
  display: block;
  font-weight: 600;
  letter-spacing: 3px;
  width: 100%;
  font-size: 2rem;
}
body#convert.service #convert-service table.table-standard .vertical-align-top {
  vertical-align: top !important;
}
body#convert.service #convert-service table.table-standard thead th {
  background: rgba(228, 239, 232, 0.2);
  border: 1px solid #a8c1b1;
  padding: 12px 20px;
}
body#convert.service #convert-service table.table-standard tbody th {
  text-align: center;
  background: rgba(228, 239, 232, 0.2);
  border: 1px solid #a8c1b1;
}
body#convert.service #convert-service table.table-standard tbody td {
  background: #ffffff;
  border: 1px solid #a8c1b1;
  line-height: 2;
  padding: 15px 20px;
}
body#convert.service #footer-notes {
  background: #f4f9f6;
}

/* body */
body#simulation-ltspice {
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
}
body#simulation-ltspice #main .h2 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body#simulation-ltspice #main .h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  body#simulation-ltspice #main .h2 {
    margin-bottom: 40px;
  }
}
body#simulation-ltspice #hero-adjust {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(/ja/img/service/simulation/ltspice/hero-graphic.svg) no-repeat center center #e8f9ff;
  background-size: 200%;
}
body#simulation-ltspice #hero-adjust::before {
  content: "";
  background: inherit; /* .conceptの背景画像を継承 */
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  /* ブラー効果で画像の端がボヤけた分だけ位置を調整（角が半透明ボケになってしまうため） */
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
body#simulation-ltspice #hero-adjust::after {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(237, 235, 187, 0.5);
  background: rgba(224, 224, 224, 0.5);
  z-index: 1;
}
@media (min-width: 992px) {
  body#simulation-ltspice #hero-adjust {
    background-image: none;
  }
  body#simulation-ltspice #hero-adjust::before, body#simulation-ltspice #hero-adjust::after {
    display: none !important;
  }
}
body#simulation-ltspice #hero-adjust .wrap {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  position: relative;
}
body#simulation-ltspice #hero-adjust .text-wrap {
  position: relative;
  text-align: center;
  width: 100%;
}
body#simulation-ltspice #hero-adjust .text-wrap .btn-wrap {
  margin-top: 20px;
}
body#simulation-ltspice #hero-adjust .text-wrap .btn-wrap .btn {
  padding: 8px 15px 8px 20px;
}
body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  height: auto;
  background: none;
}
body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/simulation/ltspice/hero-text-s.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 20%;
}
@media (min-width: 500px) {
  body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box {
    width: 380px;
  }
}
@media (min-width: 992px) {
  body#simulation-ltspice #hero-adjust .text-wrap {
    text-align: left;
  }
  body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box {
    margin: 0;
  }
  body#simulation-ltspice #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
    background: url(/ja/img/service/simulation/ltspice/hero-text.svg) no-repeat center center;
  }
}
body#simulation-ltspice #hero-adjust .graphic-wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: url(/ja/img/service/simulation/ltspice/hero-graphic.svg) no-repeat center center;
}
@media (min-width: 992px) {
  body#simulation-ltspice #hero-adjust .graphic-wrap {
    display: block;
  }
}
body#simulation-ltspice #intro h2.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  height: auto;
  background: none;
}
body#simulation-ltspice #intro h2.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/simulation/ltspice/logo-ltspice-quadcept.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#simulation-ltspice #intro h2.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 13%;
}
@media (min-width: 500px) {
  body#simulation-ltspice #intro h2.adjust-box {
    width: 440px;
  }
}
body#simulation-ltspice #intro .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  body#simulation-ltspice #intro .layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
body#simulation-ltspice #intro .layout dl {
  margin-top: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  body#simulation-ltspice #intro .layout dl {
    width: calc(33.3333333333% - 40px);
  }
}
body#simulation-ltspice #intro .layout dl dt {
  text-align: center;
}
body#simulation-ltspice #intro .layout dl dd.title {
  margin-top: 15px;
  text-align: center;
  font-weight: 500;
  color: #0394ed;
  font-size: 20px;
}
body#simulation-ltspice #intro .layout dl dd span {
  font-size: 15px;
  font-weight: 400;
}
body#simulation-ltspice #cycle {
  background: #eef9ff;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  body#simulation-ltspice #cycle {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
body#simulation-ltspice #cycle .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#simulation-ltspice #cycle .logo {
  margin-bottom: 25px;
}
body#simulation-ltspice #cycle .logo img {
  width: 280px;
}
body#simulation-ltspice #cycle h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
body#simulation-ltspice #cycle p {
  font-weight: 400;
}
body#simulation-ltspice #cycle .text {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  body#simulation-ltspice #cycle .text {
    margin-bottom: 0;
  }
}
body#simulation-ltspice #cycle .graphic {
  margin-left: auto;
  margin-right: auto;
}
body#simulation-ltspice #simulation-type {
  padding-bottom: 40px;
}
body#simulation-ltspice #simulation-type .title-wrap {
  text-align: center;
}
body#simulation-ltspice #simulation-type .title-wrap .h2 {
  padding: 0;
  margin: 0;
}
body#simulation-ltspice #simulation-type .img-wrap {
  margin-bottom: 25px;
  background: #0394ed;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 25px 25px;
}
body#simulation-ltspice #simulation-type .h4 {
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
}
body#simulation-ltspice #simulation-type .h4 span.en {
  padding-left: 20px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
}
body#simulation-ltspice #simulation-type .col-12 {
  margin-top: 40px;
  margin-bottom: 40px;
}
body#simulation-ltspice #banner {
  padding-top: 0;
}
body#simulation-ltspice #banner .adjust-box {
  position: relative;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: none;
}
body#simulation-ltspice #banner .adjust-box.adjust-box-rate {
  max-width: 300px;
}
body#simulation-ltspice #banner .adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 104%;
}
body#simulation-ltspice #banner .adjust-box-inner {
  background: url(/ja/img/service/simulation/ltspice/banner-xs.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#simulation-ltspice #banner .adjust-box-inner:hover {
  background: url(/ja/img/service/simulation/ltspice/banner-xs_on.svg) no-repeat center center;
}
@media (min-width: 574px) {
  body#simulation-ltspice #banner .adjust-box.adjust-box-rate {
    max-width: 920px;
  }
  body#simulation-ltspice #banner .adjust-box.adjust-box-rate:before {
    content: "";
    display: block;
    padding-top: 14.1304347826%;
  }
  body#simulation-ltspice #banner .adjust-box-inner {
    background: url(/ja/img/service/simulation/ltspice/banner.svg) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body#simulation-ltspice #banner .adjust-box-inner:hover {
    background: url(/ja/img/service/simulation/ltspice/banner_on.svg) no-repeat center center;
  }
}
body#simulation-ltspice #notes {
  padding: 40px 0;
  background: #f9f9f9;
  border-top: 1px solid #eeeeee;
}
body#simulation-ltspice #notes p {
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
  margin: 0;
}
body#simulation-ltspice #youtube {
  position: relative;
  border-top: 1px solid #eee;
  padding: 110px 0 40px;
  /* ページ内リンク用 */
}
body#simulation-ltspice #youtube #youtube-jump {
  position: absolute;
  top: -180px;
  left: 0;
  height: 10px;
  width: 100%;
}

/* body */
body#demitasnx {
  background-color: #0392eb;
}
body#demitasnx #main {
  background-color: #0392eb;
}
body#demitasnx #main .container-xl {
  padding: 60px 15px 50px;
}
body#demitasnx #main h1 {
  padding: 0;
  margin: 0;
  display: block;
  margin: 0 auto 40px;
  text-align: center;
}
body#demitasnx #main h1 img {
  width: 100%;
  max-width: 497px;
}
body#demitasnx #main .btn span {
  font-weight: 500;
  color: #0394ed;
}
body#demitasnx #main .d-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#demitasnx #main dl {
  max-width: 430px;
}
body#demitasnx #main dl dt {
  text-align: center;
  margin-bottom: 30px;
}
body#demitasnx #main dl dt img {
  max-width: 370px;
  width: 100%;
}
body#demitasnx #main dl dd {
  text-align: center;
}
body#demitasnx #main dl dd h2 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}
body#demitasnx #main dl dd p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body#demitasnx #main .d-flex {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#demitasnx #main dl {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-left: 10px;
    margin-right: 10px;
  }
}

body#demitasnx-emi {
  /* =========================================================================== ⭐️ サービス概要 */
  /* =========================================================================== ⭐️ ドット */
  /* =========================================================================== ⭐️ ４つのEMIチェック機能 */
  /* =========================================================================== ⭐️ フル機能 */
  /* =========================================================================== ⭐️ 解析レポート */
  /* =========================================================================== ⭐️ 料金・支払い */
  /* =========================================================================== ⭐️ ご利用の流れ */
  /* =========================================================================== ⭐️ 注意事項 */
  /* =========================================================================== ⭐️ モーダル */
  /* =========================================================================== ⭐️ お問い合わせ */
  /* =========================================================================== ⭐️ */
}
body#demitasnx-emi #main .h2 {
  margin-bottom: 20px;
  font-size: 25px;
}
@media (min-width: 768px) {
  body#demitasnx-emi #main .h2 {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #main .h2 {
    margin-bottom: 40px;
    font-size: 32px;
  }
}
body#demitasnx-emi #main .btn-outline-light:hover {
  color: #0394ed;
}
body#demitasnx-emi #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#demitasnx-emi #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#demitasnx-emi #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#demitasnx-emi #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
body#demitasnx-emi #hero-adjust {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(/ja/img/service/demitasnx/hero-graphic@2x.png) no-repeat center center #0394ed;
  background-size: 200%;
}
body#demitasnx-emi #hero-adjust::before {
  content: "";
  background: inherit; /* .conceptの背景画像を継承 */
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  /* ブラー効果で画像の端がボヤけた分だけ位置を調整（角が半透明ボケになってしまうため） */
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
body#demitasnx-emi #hero-adjust::after {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(17, 17, 17, 0.8);
  z-index: 1;
}
@media (min-width: 576px) {
  body#demitasnx-emi #hero-adjust {
    background-image: none;
  }
  body#demitasnx-emi #hero-adjust::before, body#demitasnx-emi #hero-adjust::after {
    display: none !important;
  }
}
body#demitasnx-emi #hero-adjust .wrap {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  position: relative;
}
body#demitasnx-emi #hero-adjust .text-wrap {
  position: relative;
  text-align: center;
  width: 100%;
}
body#demitasnx-emi #hero-adjust .text-wrap .campaign-badge {
  display: none;
}
@media (min-width: 576px) {
  body#demitasnx-emi #hero-adjust .text-wrap .campaign-badge {
    display: block;
    position: absolute;
    top: 5px;
    left: 425px;
    z-index: 100;
  }
}
body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap {
  margin-top: 20px;
}
body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap .btn {
  padding: 9px 15px 8px 20px;
  display: block;
  margin: 15px 0 0 0;
}
body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap .btn.btn-light {
  color: #0394ed;
  padding: 9px 18px 8px 25px;
}
@media (min-width: 400px) {
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap {
    width: 100%;
    position: absolute;
    top: 225px;
    left: 0;
  }
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap .btn {
    margin: 0 3px 0;
    display: inline-block;
    width: 250px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap {
    width: 100%;
    z-index: 100;
    position: relative;
    top: 18px;
    left: 0;
    margin: 0 0 0 0;
  }
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap .btn {
    display: inline-block;
    width: auto;
  }
  body#demitasnx-emi #hero-adjust .text-wrap .btn-wrap .btn.btn-light {
    width: 250px;
  }
}
body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  height: auto;
  background: none;
}
body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/demitasnx/hero-text-s.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner img {
  display: none;
}
body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 25%;
}
@media (min-width: 500px) {
  body#demitasnx-emi #hero-adjust .text-wrap {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  body#demitasnx-emi #hero-adjust .text-wrap {
    width: 100%;
    background-color: #0394ed;
    padding-bottom: 80px;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box {
    max-width: 540px;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
    background: url(/ja/img/service/demitasnx/hero-md-no-campaign.svg) no-repeat center center;
    background-size: cover;
    width: 540px;
    height: 245px;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box.adjust-box-rate:before {
    padding-top: 45%;
    content: "";
    display: block;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #hero-adjust .text-wrap {
    width: 570px;
    height: auto;
    text-align: left;
    padding-bottom: 20px;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box {
    margin: 0 0 0 0;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner {
    background: none;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box .adjust-box-inner img {
    display: block;
  }
  body#demitasnx-emi #hero-adjust .text-wrap h1.adjust-box.adjust-box-rate:before {
    content: "";
    display: block;
    padding-top: 42%;
  }
}
body#demitasnx-emi #hero-adjust .graphic-wrap {
  display: none;
  width: calc(100% - 530px);
  height: 400px;
  max-height: 335px;
  background: url(/ja/img/service/demitasnx/hero-graphic@2x.png) no-repeat center center;
  background-size: contain;
}
@media (min-width: 992px) {
  body#demitasnx-emi #hero-adjust .graphic-wrap {
    display: block;
  }
}
body#demitasnx-emi #intro h2.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 20px auto;
  height: auto;
  background: none;
}
body#demitasnx-emi #intro h2.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/demitasnx/intro-title@2x.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#demitasnx-emi #intro h2.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 20%;
}
@media (min-width: 600px) {
  body#demitasnx-emi #intro h2.adjust-box {
    width: 523px;
  }
}
body#demitasnx-emi #intro p {
  max-width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #intro p.small {
  color: #474746;
  font-size: 12px;
}
@media (min-width: 768px) {
  body#demitasnx-emi #intro p {
    text-align: center;
  }
}
body#demitasnx-emi #dot {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
body#demitasnx-emi #dot div {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  padding: 0;
  margin: 10px;
  line-height: 0;
  opacity: 0.5;
  background-color: #4fb4e0;
}
body#demitasnx-emi #dot div:nth-of-type(2) {
  background-color: #5ecc71;
}
body#demitasnx-emi #dot div:nth-of-type(3) {
  background-color: #f4a72c;
}
body#demitasnx-emi #dot div:nth-of-type(4) {
  background-color: #da73e5;
}
body#demitasnx-emi #main section#dot {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 576px) {
  body#demitasnx-emi #main section#dot {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#demitasnx-emi #main section#dot {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #main section#dot {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 1200px) {
  body#demitasnx-emi #main section#dot {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #function {
    padding-bottom: 1.875rem !important;
  }
}
@media (min-width: 1200px) {
  body#demitasnx-emi #function {
    padding-bottom: 0rem !important;
  }
}
body#demitasnx-emi #function h2.adjust-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 20px auto;
  height: auto;
  background: none;
}
body#demitasnx-emi #function h2.adjust-box .adjust-box-inner {
  background: url(/ja/img/service/demitasnx/func-title.svg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#demitasnx-emi #function h2.adjust-box.adjust-box-rate:before {
  content: "";
  display: block;
  padding-top: 15%;
}
@media (min-width: 400px) {
  body#demitasnx-emi #function h2.adjust-box {
    width: 350px;
  }
}
body#demitasnx-emi #function .description {
  max-width: 640px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #function .description.small {
  color: #474746;
  font-size: 12px;
}
body#demitasnx-emi #function .description .btn {
  margin-top: 15px;
  padding: 0.5rem 1.5rem 0.6rem 1.6rem;
}
@media (min-width: 640px) {
  body#demitasnx-emi #function .description {
    text-align: center;
  }
}
@media (min-width: 640px) {
  body#demitasnx-emi #function .description {
    text-align: center;
  }
}
body#demitasnx-emi #function .layout {
  padding-top: 50px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #function .layout .function1,
body#demitasnx-emi #function .layout .function2,
body#demitasnx-emi #function .layout .function3,
body#demitasnx-emi #function .layout .function4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  body#demitasnx-emi #function .layout .function2 .order,
  body#demitasnx-emi #function .layout .function4 .order {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
body#demitasnx-emi #function .layout img {
  display: inline-block;
  max-width: 230px;
  margin-bottom: 20px;
}
body#demitasnx-emi #function .layout h3 {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.3;
  margin-bottom: 15px;
}
body#demitasnx-emi #function .layout h3.icon-blue::before,
body#demitasnx-emi #function .layout h3.icon-green::before,
body#demitasnx-emi #function .layout h3.icon-orange::before,
body#demitasnx-emi #function .layout h3.icon-pink::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
  left: 0px;
  background-size: contain;
  width: 15px;
  height: 14px;
}
@media (min-width: 576px) {
  body#demitasnx-emi #function .layout h3.icon-blue::before,
  body#demitasnx-emi #function .layout h3.icon-green::before,
  body#demitasnx-emi #function .layout h3.icon-orange::before,
  body#demitasnx-emi #function .layout h3.icon-pink::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 1px;
    left: 0px;
    background-size: 19px 18px;
    width: 19px;
    height: 18px;
  }
}
body#demitasnx-emi #function .layout h3.icon-blue::before {
  background: url(/ja/img/service/demitasnx/icon-check-blue.svg) no-repeat left center;
}
body#demitasnx-emi #function .layout h3.icon-green::before {
  background: url(/ja/img/service/demitasnx/icon-check-green.svg) no-repeat left center;
}
body#demitasnx-emi #function .layout h3.icon-orange::before {
  background: url(/ja/img/service/demitasnx/icon-check-orange.svg) no-repeat left center;
}
body#demitasnx-emi #function .layout h3.icon-pink::before {
  background: url(/ja/img/service/demitasnx/icon-check-pink.svg) no-repeat left center;
}
body#demitasnx-emi #function .layout p {
  margin-top: 10px;
  text-align: left;
}
body#demitasnx-emi #full {
  padding-bottom: 0px !important;
}
body#demitasnx-emi #full .description {
  line-height: 1.8;
  letter-spacing: 1px;
}
body#demitasnx-emi #full .h3 {
  font-size: 1.25rem;
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 10px 5px;
}
body#demitasnx-emi #full .h3::before {
  content: "\f46c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
  color: #333;
}
body#demitasnx-emi #full ul.tag {
  margin: 0 0 0 0px;
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
}
body#demitasnx-emi #full ul.tag li {
  margin: 5px 5px;
  padding: 0px;
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}
body#demitasnx-emi #full ul.tag li::before {
  content: "\f058";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
  color: #5ecc71;
}
body#demitasnx-emi #full ul.tag li.no-icon::before {
  display: none;
}
@media screen and (min-width: 768px) {
  body#demitasnx-emi #full ul.tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#demitasnx-emi #full ul.emi-other li {
    width: 30%;
  }
  body#demitasnx-emi #full ul.power {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  body#demitasnx-emi #full ul.power li:first-child {
    padding-right: 210px;
  }
}
body#demitasnx-emi #result {
  background: #163135;
  border: 1px solid #fff;
}
body#demitasnx-emi #result p {
  color: #fff;
}
body#demitasnx-emi #result p:last-child {
  margin-bottom: 0px;
}
body#demitasnx-emi #result .result-title img {
  max-width: 450px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #result .result-graphic img {
  display: block;
  margin: 40px auto 40px;
  max-width: 300px;
}
body#demitasnx-emi #result .result-text {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  body#demitasnx-emi #result .result-title {
    width: 60%;
    float: right;
  }
  body#demitasnx-emi #result .result-title img {
    margin: 0 0 20px 0;
    max-width: 410px;
  }
  body#demitasnx-emi #result .result-graphic {
    width: 40%;
    float: left;
  }
  body#demitasnx-emi #result .result-graphic img {
    margin: 10px 0 0 0;
    max-width: 320px;
  }
  body#demitasnx-emi #result .result-text {
    float: right;
    max-width: 60%;
  }
}
@media (min-width: 1200px) {
  body#demitasnx-emi #result {
    background: #fff;
    padding: 50px 0px;
  }
  body#demitasnx-emi #result .layout {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    background: #163135;
    padding: 60px 60px;
    border-radius: 8px;
  }
  body#demitasnx-emi #result .result-title {
    width: calc(100% - 450px - 30px);
  }
  body#demitasnx-emi #result .result-title img {
    width: 410px;
    height: 50px;
  }
  body#demitasnx-emi #result .result-text {
    width: calc(100% - 450px - 30px);
    margin-top: 40px;
  }
  body#demitasnx-emi #result .result-text p {
    font-size: 15px;
  }
  body#demitasnx-emi #result .result-graphic {
    width: 450px;
  }
  body#demitasnx-emi #result .result-graphic img {
    margin: 10px 0 0 0;
    max-width: 420px;
  }
}
body#demitasnx-emi #price-structure {
  background-color: #ceecff;
  background: url(/ja/img/service/demitasnx/price-bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
body#demitasnx-emi #price-structure #price {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: -120px;
}
body#demitasnx-emi #price-structure .container-xl {
  position: relative;
  z-index: 10;
}
body#demitasnx-emi #price-structure .row {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #price-structure .row .col-12 {
  padding: 0;
}
@media (min-width: 610px) {
  body#demitasnx-emi #price-structure .description {
    text-align: center;
  }
}
body#demitasnx-emi #price-structure .price-chart {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color: #0394ed;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 16px;
}
@media (min-width: 800px) {
  body#demitasnx-emi #price-structure .price-chart {
    margin-left: 20px;
    margin-right: 20px;
  }
}
body#demitasnx-emi #price-structure .price-chart .line {
  width: 100%;
  height: 2px;
  border-top: 1px solid #077ee8;
  border-bottom: 1px solid #3dadf1;
}
body#demitasnx-emi #price-structure .price-chart big, body#demitasnx-emi #price-structure .price-chart small {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1;
}
body#demitasnx-emi #price-structure .price-chart dl {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#demitasnx-emi #price-structure .price-chart dl dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#demitasnx-emi #price-structure .price-chart dl dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#demitasnx-emi #price-structure .price-chart dl.price {
  text-align: center;
  font-size: 14px;
  padding: 17px 0 17px 0;
}
body#demitasnx-emi #price-structure .price-chart dl.price big {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1px;
  padding-left: 10px;
}
body#demitasnx-emi #price-structure .price-chart dl.price small {
  font-size: 13px;
  position: relative;
  top: -5px;
  left: 10px;
}
body#demitasnx-emi #price-structure .price-chart dl.term,
body#demitasnx-emi #price-structure .price-chart dl.num {
  background-color: #1c9fef;
  text-align: center;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10%;
  padding-right: 10%;
}
body#demitasnx-emi #price-structure .price-chart dl.term dt,
body#demitasnx-emi #price-structure .price-chart dl.num dt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: left;
}
body#demitasnx-emi #price-structure .price-chart dl.term dd,
body#demitasnx-emi #price-structure .price-chart dl.num dd {
  text-align: right;
}
body#demitasnx-emi #price-structure .price-chart dl.term big,
body#demitasnx-emi #price-structure .price-chart dl.num big {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
}
body#demitasnx-emi #price-structure .price-chart dl.term small,
body#demitasnx-emi #price-structure .price-chart dl.num small {
  font-size: 13px;
  font-weight: 400;
  position: relative;
  top: 0px;
  left: 5px;
}
@media (min-width: 400px) {
  body#demitasnx-emi #price-structure .price-chart dl.term,
  body#demitasnx-emi #price-structure .price-chart dl.num {
    padding-left: 10%;
    padding-right: 15%;
  }
  body#demitasnx-emi #price-structure .price-chart dl.term dt,
  body#demitasnx-emi #price-structure .price-chart dl.num dt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
  }
  body#demitasnx-emi #price-structure .price-chart dl.term big,
  body#demitasnx-emi #price-structure .price-chart dl.num big {
    font-size: 30px;
  }
  body#demitasnx-emi #price-structure .price-chart dl.term small,
  body#demitasnx-emi #price-structure .price-chart dl.num small {
    font-size: 14px;
    position: relative;
    top: -1px;
  }
}
@media (min-width: 500px) {
  body#demitasnx-emi #price-structure .price-chart dl.term,
  body#demitasnx-emi #price-structure .price-chart dl.num {
    padding-left: 12%;
    padding-right: 18%;
  }
}
body#demitasnx-emi #price-structure .price-chart dl.term {
  padding-top: 16px;
}
body#demitasnx-emi #price-structure .price-chart dl.num {
  padding-top: 5px;
  padding-bottom: 16px;
}
body#demitasnx-emi #price-structure .price-chart dl.payment {
  background-color: #1c9fef;
  padding: 20px 30px;
}
body#demitasnx-emi #price-structure .price-chart dl.payment dt {
  font-size: 14px;
}
body#demitasnx-emi #price-structure .price-chart dl.payment dd {
  margin-top: 5px;
  line-height: 1.1;
}
body#demitasnx-emi #price-structure .price-chart dl.payment dd span {
  font-size: 14px;
  font-weight: 400;
}
body#demitasnx-emi #price-structure .price-chart .btn-wrap {
  text-align: center;
  margin-top: 15px;
}
body#demitasnx-emi #price-structure .price-chart .btn-wrap .btn {
  padding-top: 8px;
}
body#demitasnx-emi #price-structure .price-chart.campaign {
  background-color: #ff6b16;
  background-color: #f37712;
  background-color: #fa7b27;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.term,
body#demitasnx-emi #price-structure .price-chart.campaign dl.num,
body#demitasnx-emi #price-structure .price-chart.campaign dl.message {
  background-color: #ff833b;
  background-color: #ff7e29;
  background-color: #fc8a3e;
}
body#demitasnx-emi #price-structure .price-chart.campaign .line {
  width: 100%;
  height: 2px;
  border-top: 1px solid #df6c2a;
  border-bottom: 1px solid #fa9a62;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.price dt {
  font-size: 20px;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 0px;
  letter-spacing: 3px;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.price dd {
  font-size: 14px;
  font-weight: 400;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.message {
  padding: 20px 30px;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.message dt {
  font-size: 14px;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.message dd {
  margin-top: 5px;
  line-height: 1.1;
}
body#demitasnx-emi #price-structure .price-chart.campaign dl.message dd span {
  font-size: 14px;
  font-weight: 400;
}
body#demitasnx-emi #price-structure .price-chart.campaign .btn-wrap .btn-outline-light:hover {
  color: #e45f12;
}
body#demitasnx-emi #price-structure .price-chart.campaign .price-wrap {
  position: relative;
}
body#demitasnx-emi #price-structure .price-chart.campaign .price-wrap .campaign-badge {
  position: absolute;
  width: 50px;
  height: 60px;
  top: -20px;
  left: -25px;
}
@media (min-width: 380px) {
  body#demitasnx-emi #price-structure .price-chart.campaign .price-wrap .campaign-badge {
    width: 65px;
    height: 80px;
    top: -20px;
    left: -25px;
  }
}
@media (min-width: 480px) {
  body#demitasnx-emi #price-structure .price-chart.campaign .price-wrap .campaign-badge {
    width: 90px;
    height: 100px;
    top: -30px;
    left: -35px;
  }
}
body#demitasnx-emi #price-structure .full-btn-wrap {
  margin: 30px auto 0;
  text-align: center;
}
body#demitasnx-emi #price-structure .full-btn-wrap .btn-lg, body#demitasnx-emi #price-structure .full-btn-wrap .btn-group-lg > .btn {
  font-size: 18px !important;
}
body#demitasnx-emi #flow {
  background-color: #fffaeb;
  border-bottom: 1px solid #e9e9d2;
}
body#demitasnx-emi #flow .flow-graphic {
  overflow-x: auto;
}
body#demitasnx-emi #flow .flow-graphic img {
  height: 200px;
}
@media (min-width: 768px) {
  body#demitasnx-emi #flow .flow-graphic img {
    width: 100%;
    height: 100%;
    max-width: 1136px;
    max-height: 292px;
  }
}
body#demitasnx-emi #flow .btn-wrap {
  text-align: center;
  margin-top: 35px;
}
body#demitasnx-emi #flow .btn-wrap .btn {
  padding: 0.8rem 1.5rem 0.9rem 1.7rem;
  font-weight: 500;
}
body#demitasnx-emi #noteslist {
  position: relative;
}
body#demitasnx-emi #noteslist #notes {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: -120px;
}
body#demitasnx-emi #noteslist .h3 {
  font-size: 16px;
  margin-top: 50px;
}
body#demitasnx-emi #noteslist .h3:first-child {
  margin-top: 10px;
}
@media (min-width: 768px) {
  body#demitasnx-emi #noteslist .h3:first-child {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-emi #noteslist .h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 60px;
  }
}
body#demitasnx-emi #noteslist ul {
  position: relative;
  margin-left: 0px;
  padding-left: 15px;
}
body#demitasnx-emi #noteslist ul li {
  margin-bottom: 20px;
}
body#demitasnx-emi #noteslist .code {
  width: 100%;
  margin-top: 15px;
  display: inline-block;
  border: 1px solid #e7e7e7;
  background-color: #f8f7f7;
  padding: 14px 20px;
  border-radius: 5px;
  font-size: 14.5px;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 1px;
  line-height: 1.8;
}
body#demitasnx-emi #noteslist .code pre {
  margin: 0;
  color: #646464;
}
body#demitasnx-emi #noteslist .table {
  margin-top: 10px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
body#demitasnx-emi #noteslist .table th, body#demitasnx-emi #noteslist .table td {
  white-space: nowrap;
}
body#demitasnx-emi #noteslist .table th {
  font-size: 14px;
  font-weight: 500;
  width: 150px;
}
body#demitasnx-emi #noteslist .table td {
  font-size: 15px;
}
@media (min-width: 570px) {
  body#demitasnx-emi #noteslist .table th {
    padding-left: 30px;
  }
}
body#demitasnx-emi #modal-start .modal-dialog {
  max-width: 500px;
  max-width: 450px;
}
body#demitasnx-emi #modal-start .modal-header {
  background-color: #e7e7e7;
  background-color: #fff;
  border: none;
  padding: 1rem 1rem;
  padding: 0rem 1rem;
}
body#demitasnx-emi #modal-start .modal-header button.close {
  z-index: 1000;
}
body#demitasnx-emi #modal-start .modal-header .modal-title {
  padding-top: 2px;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
}
body#demitasnx-emi #modal-start .modal-header button.close {
  position: relative;
  top: 15px;
}
body#demitasnx-emi #modal-start .modal-body .modal-thumb {
  text-align: center;
}
body#demitasnx-emi #modal-start .modal-body .modal-thumb img {
  display: block;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
body#demitasnx-emi #modal-start .modal-body p {
  margin: 20px 10px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
}
body#demitasnx-emi #modal-start .modal-footer {
  background-color: #f2f8fc;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#demitasnx-emi #modal-start .modal-footer .btn {
  padding: 0.6rem 1.8rem;
  padding: 0.4rem 1rem 0.55rem;
  border-radius: 3px;
  font-size: 14px;
}
body#demitasnx-emi #modal-full .modal-header {
  background-color: #fafafa;
}
body#demitasnx-emi #modal-full .modal-header .modal-title {
  padding-top: 2px;
  padding-left: 12px;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
}
body#demitasnx-emi #modal-full .modal-body {
  padding-top: 30px;
  padding-bottom: 30px;
}
body#demitasnx-emi #modal-full .modal-body .message {
  border: 1px dashed #82ce8f;
  background-color: #f1fff3;
  border-radius: 4px;
  padding: 20px 10px;
}
body#demitasnx-emi #modal-full .modal-body .message p {
  margin: 0;
  text-align: center;
  font-weight: 500;
}
body#demitasnx-emi #modal-full .modal-body h3 {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 12px;
}
body#demitasnx-emi #modal-full .modal-body ul.tag {
  margin: 0 0 0 15px;
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
body#demitasnx-emi #modal-full .modal-body ul.tag li {
  margin: 1.5px 5px;
  padding: 0px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  min-width: 210px;
}
body#demitasnx-emi #modal-full .modal-body ul.tag li::before {
  content: "\f058";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
  color: #5ecc71;
}
body#demitasnx-emi #modal-full .modal-footer {
  padding-top: 20px;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#demitasnx-emi #modal-full .modal-footer p {
  font-size: 14.5px;
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
body#demitasnx-emi #modal-full .modal-footer a {
  padding-bottom: 12px;
}
body#demitasnx-emi #consulting {
  padding-top: 0px !important;
}
body#demitasnx-emi #consulting .contents {
  padding: 20px 20px;
  border: 1px solid #ccdaf0;
  background-color: #f6fbff;
  border-radius: 4px;
}
@media (min-width: 576px) {
  body#demitasnx-emi #consulting .contents {
    padding: 30px 30px;
  }
}
body#demitasnx-emi #consulting .red {
  color: #dd2828;
}
body#demitasnx-emi #campaign {
  width: 100px;
  height: 1px;
  position: absolute;
  top: -75px;
  left: 0;
}
body#demitasnx-emi #campaign-wrap {
  position: relative;
  background-image: linear-gradient(-45deg, #fff0f0 25%, #ffdfdf 25%, #ffdfdf 50%, #fff0f0 50%, #fff0f0 75%, #ffdfdf 75%, #ffdfdf);
  background-size: 400px 400px;
  background-attachment: fixed;
}
body#demitasnx-emi #campaign-wrap .btn {
  font-weight: 500;
  padding: 20px 40px 22px;
  font-size: 18px;
}
body#demitasnx-emi #campaign-wrap h2 {
  color: #e21313;
  line-height: 1.2;
  font-weight: 600;
}
body#demitasnx-emi #campaign-wrap h2 p {
  font-size: 18px;
  margin: 10px;
  font-weight: 500;
}
body#demitasnx-emi #campaign-wrap .cp01, body#demitasnx-emi #campaign-wrap .cp02 {
  padding: 10px 15px;
}
body#demitasnx-emi #campaign-wrap .cp01 img, body#demitasnx-emi #campaign-wrap .cp02 img {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 570px !important;
  max-height: 330px !important;
}
body#demitasnx-emi #campaign-wrap .note {
  padding-top: 10px;
}
body#demitasnx-emi #campaign-wrap .note ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body#demitasnx-emi #campaign-wrap .note ul li {
  color: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 12px;
}
@media (min-width: 600px) {
  body#demitasnx-emi #campaign-wrap h2 {
    font-size: 32px !important;
  }
  body#demitasnx-emi #campaign-wrap h2 p {
    font-size: 20px;
  }
}
@media (min-width: 800px) {
  body#demitasnx-emi #campaign-wrap h2 {
    font-size: 42px !important;
  }
  body#demitasnx-emi #campaign-wrap h2 p {
    font-size: 24px;
  }
}

/* body */
body#demitasnx-gnd {
  /* =========================================================================== ⭐️ ヒーロー */
  /* =========================================================================== ⭐️ サービス特長 */
  /* =========================================================================== ⭐️ 関係性 */
  /* =========================================================================== ⭐️ 機能 */
  /* =========================================================================== ⭐️ 検証 */
  /* =========================================================================== ⭐️ 解析レポート */
  /* =========================================================================== ⭐️ 料金 */
  /* =========================================================================== ⭐️ お申し込み */
  /* =========================================================================== ⭐️ */
}
body#demitasnx-gnd #main .h2 {
  margin-bottom: 20px;
  font-size: 25px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  body#demitasnx-gnd #main .h2 {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #main .h2 {
    margin-bottom: 40px;
    font-size: 32px;
  }
}
body#demitasnx-gnd #main .btn-outline-light:hover {
  color: #0394ed;
}
body#demitasnx-gnd #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#demitasnx-gnd #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#demitasnx-gnd #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#demitasnx-gnd #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
body#demitasnx-gnd #hero {
  background-color: #0392eb;
  width: 100%;
  padding: 30px 0px 40px;
}
body#demitasnx-gnd #hero .graphic-wrap {
  display: none;
}
body#demitasnx-gnd #hero .text-wrap .logos img {
  width: 250px;
  display: block;
  margin: 0 auto 0;
}
body#demitasnx-gnd #hero .text-wrap h1 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  margin: 10px auto 0;
}
body#demitasnx-gnd #hero .text-wrap p {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #fff;
}
body#demitasnx-gnd #hero .text-wrap .btn-wrap {
  width: 100%;
  margin: 30px auto 0;
  text-align: center;
}
body#demitasnx-gnd #hero .text-wrap .btn-wrap .btn {
  border-radius: 100px;
  color: #0394ed;
}
@media (min-width: 768px) {
  body#demitasnx-gnd #hero {
    padding: 50px 0;
  }
  body#demitasnx-gnd #hero #hero {
    background-color: #0392eb;
    width: 100%;
  }
  body#demitasnx-gnd #hero #hero .graphic-wrap {
    display: none;
  }
  body#demitasnx-gnd #hero #hero .text-wrap .logos img {
    width: 250px;
    display: block;
    margin: 0 auto 0;
  }
  body#demitasnx-gnd #hero #hero .text-wrap h1 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #fff;
    margin: 10px auto 0;
  }
  body#demitasnx-gnd #hero #hero .text-wrap p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #fff;
    margin: 30px auto 0;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #hero {
    padding: 45px 0px 0px;
    height: 335px;
  }
  body#demitasnx-gnd #hero .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  body#demitasnx-gnd #hero .graphic-wrap {
    display: block;
    width: 140px;
    height: 350px;
    position: relative;
    top: -35px;
    margin-right: 50px;
  }
  body#demitasnx-gnd #hero .text-wrap {
    width: calc(100% - 150px);
  }
  body#demitasnx-gnd #hero .text-wrap .logos img {
    width: 280px;
    height: 40px;
    display: block;
    margin: 0 0 0 0;
  }
  body#demitasnx-gnd #hero .text-wrap h1 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #fff;
    margin: 0px 0 0 0;
    text-align: left;
  }
  body#demitasnx-gnd #hero .text-wrap p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #fff;
    margin: 18px 0 0 0;
    text-align: left;
  }
  body#demitasnx-gnd #hero .text-wrap .btn-wrap {
    text-align: left;
    margin: 30px 0 0 0;
  }
}
@media (min-width: 1140px) {
  body#demitasnx-gnd #hero .wrap {
    width: 1000px;
  }
  body#demitasnx-gnd #hero .text-wrap {
    height: 250px;
  }
}
@media (min-width: 1300px) {
  body#demitasnx-gnd #hero .wrap {
    width: 1000px;
  }
  body#demitasnx-gnd #hero .text-wrap {
    width: calc(100% - 200px);
    padding-left: 20px;
  }
  body#demitasnx-gnd #hero .text-wrap h1 {
    font-size: 40px;
  }
  body#demitasnx-gnd #hero .graphic-wrap {
    display: block;
    width: 140px;
    height: 350px;
    position: relative;
    top: -40px;
    margin-right: 50px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #hero.footer-contents .graphic-wrap {
    display: block;
    width: 140px;
    height: 350px;
    position: relative;
    top: -60px;
    margin-right: 50px;
  }
}
body#demitasnx-gnd #features .pickup {
  margin-top: 30px;
}
body#demitasnx-gnd #features .pickup img {
  display: none;
}
body#demitasnx-gnd #features .pickup ul {
  list-style: none;
  padding: 0 0 0 10px;
  margin: 0 0 0 0;
}
body#demitasnx-gnd #features .pickup ul li {
  position: relative;
  padding: 0 0 0 10px;
  margin: 15px 0px 15px 5px;
  line-height: 1.4;
  font-size: 14px;
  display: block;
  color: #516975;
}
body#demitasnx-gnd #features .pickup ul li::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url(/ja/img/service/demitasnx/g-check.png) no-repeat left 2px;
  background-size: 20px;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #features .pickup img {
    display: block;
    width: 200px;
    margin: 0 auto 20px;
  }
}
@media (min-width: 768px) {
  body#demitasnx-gnd #features p {
    text-align: center;
  }
  body#demitasnx-gnd #features .pickup {
    width: 700px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#demitasnx-gnd #features .pickup img {
    display: block;
    width: 200px;
    margin: 0 auto 0px;
  }
  body#demitasnx-gnd #features .pickup ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 20px 0px 15px 5px;
    line-height: 1.4;
    font-size: 17px;
    display: block;
    font-weight: 400;
  }
  body#demitasnx-gnd #features .pickup ul li::before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: url(/ja/img/service/demitasnx/g-check.png) no-repeat left 2px;
    background-size: 20px;
    position: absolute;
    top: 0;
    left: -16px;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #features p {
    text-align: center;
  }
  body#demitasnx-gnd #features .pickup {
    width: 780px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#demitasnx-gnd #features .pickup img {
    display: block;
    width: 200px;
    margin: 0 auto 0px;
  }
  body#demitasnx-gnd #features .pickup ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 20px 0px 15px 5px;
    line-height: 1.4;
    font-size: 19px;
    display: block;
    font-weight: 400;
  }
  body#demitasnx-gnd #features .pickup ul li::before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: url(/ja/img/service/demitasnx/g-check.png) no-repeat left 2px;
    background-size: 20px;
    position: absolute;
    top: 0;
    left: -16px;
  }
}
body#demitasnx-gnd #relation ul.point {
  text-align: center;
}
body#demitasnx-gnd #relation ul.point li {
  text-align: left;
}
body#demitasnx-gnd #relation .graphic {
  overflow-y: auto;
  padding: 15px 0;
  text-align: center;
}
body#demitasnx-gnd #relation .graphic img {
  width: 500px;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #relation ul {
    width: 550px;
    margin: 0 auto 0;
  }
  body#demitasnx-gnd #relation .graphic img {
    width: 800px;
  }
}
body#demitasnx-gnd #function {
  background-color: #0a0a0a;
  color: #fff;
}
body#demitasnx-gnd #function .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body#demitasnx-gnd #function .graphic-wrap {
  text-align: center;
}
body#demitasnx-gnd #function .graphic-wrap img {
  width: 100%;
  max-width: 290px;
  margin-bottom: 30px;
}
body#demitasnx-gnd #function .text-wrap .h2 {
  text-align: center;
}
body#demitasnx-gnd #function .text-wrap h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
}
body#demitasnx-gnd #function .text-wrap .text p {
  color: #b2b2b2;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #function .text-wrap h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media (min-width: 768px) {
  body#demitasnx-gnd #function .text-wrap {
    text-align: center;
  }
  body#demitasnx-gnd #function .text-wrap p {
    line-height: 2;
    width: 500px;
    margin: 0 auto 0;
    text-align: center;
  }
}
@media (min-width: 992px) {
  body#demitasnx-gnd #function .wrap {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 920px;
  }
  body#demitasnx-gnd #function .wrap .graphic-wrap {
    width: 290px;
    -ms-flex-preferred-size: 290px;
        flex-basis: 290px;
    width: 250px;
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
  }
  body#demitasnx-gnd #function .wrap .graphic-wrap img {
    margin-bottom: 0;
  }
  body#demitasnx-gnd #function .wrap .text-wrap {
    text-align: left;
    width: 630px;
  }
  body#demitasnx-gnd #function .wrap .text-wrap .h2, body#demitasnx-gnd #function .wrap .text-wrap h3, body#demitasnx-gnd #function .wrap .text-wrap p {
    text-align: left;
    margin: 0;
    width: 100%;
  }
  body#demitasnx-gnd #function .wrap .text-wrap .h2 {
    margin-top: 15px;
  }
  body#demitasnx-gnd #function .wrap .text-wrap h3 {
    margin-top: 10px;
  }
  body#demitasnx-gnd #function .wrap .text-wrap p {
    margin-top: 20px;
    font-size: 15px;
  }
}
body#demitasnx-gnd #verify {
  background-color: #191919;
  border-top: 1px solid #303030;
  color: #fff;
}
body#demitasnx-gnd #verify .h2 {
  margin-bottom: 20px;
  font-size: 23px;
  line-height: 1.3;
}
body#demitasnx-gnd #verify h3 {
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}
body#demitasnx-gnd #verify .graphic-wrap {
  text-align: center;
}
body#demitasnx-gnd #verify .graphic-wrap img {
  max-width: 850px;
  width: 100%;
}
body#demitasnx-gnd #verify .text-wrap {
  margin: 30px 0 0 0;
}
body#demitasnx-gnd #verify .text-wrap ul.list-kome {
  max-width: 700px;
  list-style: none;
  padding: 0 0 0 10px;
  margin: 0 auto 0;
}
body#demitasnx-gnd #verify .text-wrap ul.list-kome li {
  position: relative;
  padding: 0 0 0 5px;
  margin: 10px 0px 10px 5px;
  line-height: 1.4;
  font-size: 14px;
}
body#demitasnx-gnd #verify .text-wrap ul.list-kome li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -16px;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #verify .h2 {
    text-align: center;
  }
  body#demitasnx-gnd #verify h3 {
    text-align: center;
  }
}
@media (min-width: 900px) {
  body#demitasnx-gnd #verify .h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  body#demitasnx-gnd #verify .h2 {
    font-size: 30px;
  }
  body#demitasnx-gnd #verify .text-wrap {
    margin: 50px 0 0 0;
  }
  body#demitasnx-gnd #verify .text-wrap ul.list-kome {
    max-width: 840px;
  }
}
body#demitasnx-gnd #report {
  background-color: #fff;
}
body#demitasnx-gnd #report h3 {
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}
body#demitasnx-gnd #report .graphic-wrap {
  text-align: center;
}
body#demitasnx-gnd #report .graphic-wrap img {
  max-width: 850px;
  width: 100%;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #report .h2 {
    text-align: center;
  }
  body#demitasnx-gnd #report h3 {
    text-align: center;
  }
}
@media (min-width: 900px) {
  body#demitasnx-gnd #report .h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  body#demitasnx-gnd #report .h2 {
    font-size: 30px;
  }
}
body#demitasnx-gnd #price {
  background-color: #0392eb;
  background-color: #ffed9f;
  background-color: #d1f6ff;
  background-color: #bdf0fd;
  background-color: #fff6db;
}
body#demitasnx-gnd #price .btn-estimate .btn-wrap {
  padding-top: 2rem;
}
body#demitasnx-gnd #price .btn-estimate .btn {
  padding: 1rem 3.5rem !important;
  -webkit-box-shadow: 0px 0px 0px 5px #e1a5a5;
          box-shadow: 0px 0px 0px 5px #e1a5a5;
  font-size: 1.5rem;
  letter-spacing: 1px;
  border-radius: 100px !important;
}
body#demitasnx-gnd #price .h2 {
  text-align: center;
}
body#demitasnx-gnd #price dl {
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  background-color: #fff;
}
body#demitasnx-gnd #price dl dt {
  color: #fff;
  text-align: center;
  padding: 12px 20px;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  font-weight: 600;
}
body#demitasnx-gnd #price dl dd {
  margin: 0;
  padding: 0px 15px 20px;
  background-color: #fff;
  font-size: 14px;
}
body#demitasnx-gnd #price dl dd:nth-of-type(1) {
  padding-top: 20px;
}
body#demitasnx-gnd #price dl dd.price {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}
body#demitasnx-gnd #price dl dd.price small {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
}
body#demitasnx-gnd #price dl dd p {
  margin: 0;
  font-size: 14px;
}
body#demitasnx-gnd #price dl dd strong {
  display: block;
  padding-bottom: 15px;
}
body#demitasnx-gnd #price dl small.kiban {
  padding-right: 10px;
  position: relative;
  top: -8px;
}
body#demitasnx-gnd #price dl .unit {
  position: relative;
  top: -3px;
}
body#demitasnx-gnd #price dl .tax {
  font-size: 12px;
  font-weight: 400;
  position: relative;
  left: -7px;
  top: -5px;
}
body#demitasnx-gnd #price dl.light dt {
  background-color: #30cce3;
}
body#demitasnx-gnd #price dl.light dd.price {
  color: #37c6dc;
}
body#demitasnx-gnd #price dl.pro dt {
  background-color: #e23737;
  background-color: #f99b2b;
  background-color: #0b85dc;
}
body#demitasnx-gnd #price dl.pro dd.price {
  color: #0b85dc;
}
@media (min-width: 600px) {
  body#demitasnx-gnd #price .wrap {
    max-width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: wrap;
            flex-direction: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 40px auto 20px;
  }
  body#demitasnx-gnd #price dl {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin: 0 5px;
  }
}
@media (min-width: 700px) {
  body#demitasnx-gnd #price .wrap {
    margin: 60px auto 20px;
  }
  body#demitasnx-gnd #price dl {
    margin: 0 15px;
    padding-bottom: 20px;
  }
  body#demitasnx-gnd #price dl dt {
    font-size: 25px;
    font-weight: 500;
  }
  body#demitasnx-gnd #price dl dd {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  body#demitasnx-gnd #price dl dd.price {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  body#demitasnx-gnd #price dl dd.price small {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }
}
body#demitasnx-gnd #conversion {
  background-color: #ffefef;
}
@media (min-width: 992px) {
  body#demitasnx-gnd #conversion {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

/* body */
body#api {
  /* =========================================================================== Hero */
  /* =========================================================================== 概要 */
  /* =========================================================================== 導入企業 */
  /* =========================================================================== できること */
  /* =========================================================================== 機能 */
  /* =========================================================================== ラインナップ */
  /* =========================================================================== 詳細 */
  /* =========================================================================== CV */
  /* =========================================================================== ドット区切り */
  /* =========================================================================== あ */
}
body#api #main .h2 {
  margin-bottom: 20px;
  font-size: 25px;
}
@media (min-width: 768px) {
  body#api #main .h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  body#api #main .h2 {
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 600;
  }
}
body#api #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#api #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#api #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#api #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#api #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
body#api #hero {
  position: relative;
}
body#api #hero img {
  width: 100%;
  height: auto;
}
body#api #hero .slick-dots {
  bottom: -35px;
}
body#api #hero .slick-prev,
body#api #hero .slick-next {
  display: none !important;
}
body#api #hero a#overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
body#api #hero a#overlay span {
  display: none;
}
@media screen and (min-width: 768px) {
  body#api #hero a#overlay span {
    display: block;
    position: absolute;
    top: 60%;
    left: 5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
  }
  body#api #hero a#overlay span small {
    width: 400px;
    display: block;
    font-size: 0.35em;
  }
}
@media screen and (min-width: 1140px) {
  body#api #hero a#overlay span {
    display: block;
    position: absolute;
    top: 55%;
    left: 5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
  }
  body#api #hero a#overlay span small {
    width: 400px;
    display: block;
    font-size: 0.35em;
  }
}
body#api #outline .header h2 {
  margin-bottom: 30px;
}
body#api #outline .header img {
  width: 300px;
  margin-bottom: 60px !important;
}
body#api #slider-logos {
  margin-top: 100px !important;
  border-top: 1px solid #eee;
  position: relative;
  z-index: 100;
}
body#api #slider-logos h2 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 4px;
  position: absolute;
  top: -120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body#api #slider-logos h3 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 2px;
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1px) {
  body#api #slider-logos {
    padding: 15px 0 15px 0 !important;
    background: #fff;
    -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
  }
  body#api #slider-logos img {
    height: 80px;
  }
  body#api #slider-logos ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
  }
  body#api #slider-logos ul li {
    margin: 0 70px;
    padding: 0 0 0 0;
  }
}
body#api #solution {
  padding-top: 100px !important;
  background-color: #ecf5ff;
}
body#api #solution .col-md-4 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
body#api #solution .h2 {
  letter-spacing: 1px !important;
}
body#api #solution .blcok {
  -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 1rem;
  background-color: #fff;
  height: 100% !important;
  position: relative;
  padding: 30px 25px;
}
body#api #solution .h3 {
  padding-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
body#api #solution .h3::before {
  content: "";
  position: absolute;
  top: 55px;
  left: 50%;
  width: 100px;
  border-bottom: 5px solid #d9e8ff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body#api #solution dl dt {
  border-radius: 100px;
  color: #fff;
  width: 70px;
  text-align: center;
  display: inline-block;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 2px 0 3px;
}
body#api #solution dl dt.q {
  background: #dd2929;
}
body#api #solution dl dt.a {
  background: #24c369;
}
body#api #solution dl:nth-of-type(1) {
  margin-bottom: 2rem;
  padding-top: 20px;
}
@media screen and (min-width: 450px) {
  body#api #solution h2 br {
    display: none;
  }
}
body#api #function {
  background: url(/ja/img/service/api/bg.png) no-repeat center center;
  background-size: cover;
  background-color: #000;
  color: #fff;
}
body#api #function .h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
body#api #function ul {
  margin: 0;
  padding: 0 0 0 20px;
}
body#api #function ul li {
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 1rem;
  letter-spacing: 1px;
}
body#api #function .block-emission,
body#api #function .block-immunity {
  border-radius: 5px;
  max-width: 500px;
  height: 300px;
  padding: 40px 40px 40px 50px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.75);
}
body#api #function .block-immunity li {
  padding-bottom: 15px;
}
body#api #lineup h3 {
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.8px;
}
body#api #lineup dl {
  margin-bottom: 4rem;
}
body#api #lineup dl dd.img {
  border-radius: 6px;
  overflow: hidden;
  margin: 1.25rem auto;
}
body#api #detail {
  padding-top: 150px !important;
  background-color: #fafafa;
}
body#api #detail .custom-mb {
  margin-bottom: 3.8rem !important;
}
body#api #detail .block {
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 10px;
  background-color: #fff;
  height: 100% !important;
}
body#api #detail .title-block {
  margin-bottom: 2rem;
}
body#api #detail h3 {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
body#api #detail h4 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0px;
  color: #f4a72c;
}
body#api #detail .img {
  border-radius: 5px;
  text-align: center;
  padding: 30px;
  border: 1px solid #e3e8eb;
  background: #f1f4f6;
}
body#api #detail .img img {
  width: auto !important;
  height: 250px !important;
  margin-left: auto;
  margin-right: auto;
}
body#api #detail ul {
  margin-top: 2rem;
  padding-left: 18px !important;
}
body#api #detail ul li {
  margin-left: 0px;
  font-size: 0.9rem;
  margin-bottom: 10px;
}
body#api #conversion {
  position: relative;
  background: url(/ja/img/service/api/cv-bg.png) no-repeat right center;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#api #conversion {
    background: url(/ja/img/service/api/cv-bg@2x.png) no-repeat right center;
    background-size: cover;
  }
}
body#api #conversion:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
body#api #conversion .row.header h2 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1.4rem 0;
  letter-spacing: 2px;
  color: #fff;
}
body#api #conversion .row.header p {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}
body#api #conversion ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
}
body#api #conversion ul li {
  padding: 0;
  margin: 0 0 15px 0;
}
body#api #conversion ul li.tel a {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #ffffff;
}
body#api #conversion ul li.tel a:hover {
  text-decoration: none;
}
body#api #conversion ul li.tel a::before {
  content: "\f2a0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ffffff;
  margin-right: 7px;
}
body#api #conversion ul li.email a {
  padding-top: 14px;
  padding-bottom: 16px;
  letter-spacing: 2px;
  font-size: 17px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  body#api #conversion {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body#api #conversion .row.header h2 {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0 0 2rem 0;
    letter-spacing: 2px;
  }
  body#api #conversion ul {
    margin-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#api #conversion ul li {
    margin-left: 20px;
    margin-right: 20px;
  }
  body#api #conversion ul li.tel a {
    font-size: 2.2rem;
    font-weight: 600;
    pointer-events: none;
    color: #333;
    color: #fff;
  }
  body#api #conversion ul li.tel a::before {
    color: #333;
    color: #fff;
  }
  body#api #conversion ul li.email a {
    padding: 14px 34px 16px 35px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 500;
  }
}
body#api #dot {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
body#api #dot div {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  padding: 0;
  margin: 10px;
  line-height: 0;
  opacity: 0.5;
  background-color: #4fb4e0;
}
body#api #dot div:nth-of-type(2) {
  background-color: #5ecc71;
}
body#api #dot div:nth-of-type(3) {
  background-color: #f4a72c;
}
body#api #dot div:nth-of-type(4) {
  background-color: #da73e5;
}

body#api_v2,
body#api-product {
  /* =========================================================================== END */
}
body#api_v2 .container-xl_v2,
body#api-product .container-xl_v2 {
  max-width: 1280px !important;
  padding: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  body#api_v2 .container-xl_v2,
  body#api-product .container-xl_v2 {
    padding: 0 30px;
  }
}
body#api_v2 .conversion,
body#api-product .conversion {
  position: relative;
  background: #000000 url(/ja/img/service/api/v2_cv-bg.png) no-repeat center center/cover;
  padding: 60px 0 50px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#api_v2 .conversion,
  body#api-product .conversion {
    background: #000000 url(/ja/img/service/api/v2_cv-bg@2x.png) no-repeat center center/cover;
  }
}
body#api_v2 .conversion .row,
body#api-product .conversion .row {
  margin: 0 0 35px;
  gap: 40px;
}
body#api_v2 .conversion .row .cv-links,
body#api-product .conversion .row .cv-links {
  max-width: calc((100% - 80px) / 3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 780px) {
  body#api_v2 .conversion .row .cv-links,
  body#api-product .conversion .row .cv-links {
    max-width: 100%;
  }
  body#api_v2 .conversion .row .cv-links:not(:last-of-type),
  body#api-product .conversion .row .cv-links:not(:last-of-type) {
    border-bottom: 1px solid #666666;
    padding-bottom: 40px;
  }
}
body#api_v2 .conversion .row .cv-links h3,
body#api-product .conversion .row .cv-links h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 30px;
}
body#api_v2 .conversion .row .cv-links figure,
body#api-product .conversion .row .cv-links figure {
  margin-bottom: 35px !important;
}
body#api_v2 .conversion .row .cv-links a.btn,
body#api-product .conversion .row .cv-links a.btn {
  background-color: #ffffff;
  color: #2d2d85;
  font-size: 1.125rem;
  border-radius: 25vw;
  font-weight: bold;
  max-width: 320px;
  width: 100%;
  padding: 15px 10px;
  margin-top: auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  will-change: background-color;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#api_v2 .conversion .row .cv-links a.btn:hover,
body#api-product .conversion .row .cv-links a.btn:hover {
  background-color: #2d2d85;
  color: #ffffff;
  border: 1px solid #ffffff;
}
body#api_v2 .conversion .row .cv-links-01 a.btn::before,
body#api_v2 .conversion .row .cv-links-02 a.btn::before,
body#api-product .conversion .row .cv-links-01 a.btn::before,
body#api-product .conversion .row .cv-links-02 a.btn::before {
  content: "";
  background: url(../img/service/api/v2_ico-download.svg) no-repeat center center/cover;
  width: 24px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion .row .cv-links-01 a.btn:hover::before,
body#api_v2 .conversion .row .cv-links-02 a.btn:hover::before,
body#api-product .conversion .row .cv-links-01 a.btn:hover::before,
body#api-product .conversion .row .cv-links-02 a.btn:hover::before {
  background: url(../img/service/api/v2_ico-download-w.svg) no-repeat center center/cover;
}
body#api_v2 .conversion .row .cv-links-03 a.btn::before,
body#api-product .conversion .row .cv-links-03 a.btn::before {
  content: "";
  background: url(../img/service/api/v2_ico-mail.svg) no-repeat center center/contain;
  width: 20px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion .row .cv-links-03 a.btn:hover::before,
body#api-product .conversion .row .cv-links-03 a.btn:hover::before {
  background: url(../img/service/api/v2_ico-mail-w.svg) no-repeat center center/contain;
}
body#api_v2 .conversion dl.tel,
body#api-product .conversion dl.tel {
  color: #ffffff;
  font-weight: bold;
}
body#api_v2 .conversion dl.tel dt,
body#api-product .conversion dl.tel dt {
  font-size: 1.125rem !important;
}
body#api_v2 .conversion dl.tel dd,
body#api-product .conversion dl.tel dd {
  font-size: 2.25rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 480px) {
  body#api_v2 .conversion dl.tel dd,
  body#api-product .conversion dl.tel dd {
    font-size: 2rem !important;
  }
}
@media screen and (max-width: 375px) {
  body#api_v2 .conversion dl.tel dd,
  body#api-product .conversion dl.tel dd {
    font-size: 1.5rem !important;
  }
}
body#api_v2 .conversion dl.tel dd::before,
body#api-product .conversion dl.tel dd::before {
  content: "";
  background: url(../img/service/api/v2_ico-tel.svg) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion dl.tel dd a,
body#api-product .conversion dl.tel dd a {
  color: #ffffff;
}

body#api_v2 {
  -webkit-animation: FadeIn 1.5s forwards ease-out;
          animation: FadeIn 1.5s forwards ease-out;
  /* =========================================================================== Hero */
  /* =========================================================================== 導入企業 */
  /* =========================================================================== 概要 */
  /* =========================================================================== 機能 */
  /* =========================================================================== できること */
  /* =========================================================================== 測定事例 */
  /* =========================================================================== ラインナップ */
  /* =========================================================================== CV */
  /* =========================================================================== ドット区切り */
  /* =========================================================================== あ */
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body#api_v2 #main {
  font-family: "M PLUS 1", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow-x: hidden;
}
body#api_v2 #main .h2 {
  margin-bottom: 20px;
  font-size: 25px;
}
@media (min-width: 768px) {
  body#api_v2 #main .h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  body#api_v2 #main .h2 {
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 600;
  }
}
body#api_v2 #main .container-xl_v2 {
  max-width: 1280px !important;
  padding: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  body#api_v2 #main .container-xl_v2 {
    padding: 0 30px;
  }
}
body#api_v2 #main * {
  letter-spacing: 0.075em;
}
body#api_v2 #main p,
body#api_v2 #main li,
body#api_v2 #main dt,
body#api_v2 #main dd {
  font-family: "M PLUS 1", sans-serif;
  font-weight: 500;
  font-size: 1rem;
}
body#api_v2 #main ol,
body#api_v2 #main ul,
body#api_v2 #main dl,
body#api_v2 #main dd,
body#api_v2 #main figure {
  margin: 0;
  padding: 0;
}
body#api_v2 #main img {
  max-width: 100%;
}
body#api_v2 #main .inner {
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  body#api_v2 #main .inner {
    padding: 0 10px;
    margin: 0;
  }
}
body#api_v2 #main .bg-paleBlue {
  background-color: #ebf4f9;
}
body#api_v2 #main .row {
  margin-right: 0;
  margin-left: 0;
}
body#api_v2 #main ul:not(.caseStudy-benefit) {
  list-style: none inside;
}
body#api_v2 #main ul:not(.caseStudy-benefit) li {
  font-weight: 400;
  text-indent: -1em;
  margin-left: 1em;
}
body#api_v2 #main ul:not(.caseStudy-benefit).disc li {
  line-height: 1.5;
  text-align: justify;
}
body#api_v2 #main ul:not(.caseStudy-benefit).disc li::before {
  content: "・";
}
body#api_v2 #main ul:not(.caseStudy-benefit).disc li:not(:last-child) {
  margin-bottom: 10px;
}
body#api_v2 #main ul:not(.caseStudy-benefit).notes {
  margin-left: 0.5em;
}
body#api_v2 #main ul:not(.caseStudy-benefit).notes li {
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: justify;
}
body#api_v2 #main ul:not(.caseStudy-benefit).notes li::before {
  content: "※";
}
body#api_v2 #main ul:not(.caseStudy-benefit).notes li:not(:last-child) {
  margin-bottom: 5px;
}
body#api_v2 #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#api_v2 #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#api_v2 #main section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 992px) {
  body#api_v2 #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#api_v2 #main section {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
body#api_v2 #hero {
  background-color: #000000;
  position: relative;
}
body#api_v2 #hero img {
  width: 100%;
  height: auto;
}
body#api_v2 #hero .slider-hero {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#api_v2 #hero .slick-initialized {
  opacity: 1;
}
body#api_v2 #hero .slick-dots {
  bottom: -35px;
}
body#api_v2 #hero .slick-dots li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body#api_v2 #hero .slick-dots li button::before {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  font-size: 0.625rem;
  color: #cccccc;
  opacity: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
body#api_v2 #hero .slick-dots li:hover button::before {
  color: #666666;
}
body#api_v2 #hero .slick-dots li.slick-active button::before {
  color: #666666;
  font-weight: 900;
}
body#api_v2 #hero .slick-prev,
body#api_v2 #hero .slick-next {
  display: none !important;
}
body#api_v2 #hero #overlay {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
body#api_v2 #hero #overlay span {
  display: none;
}
@media screen and (min-width: 768px) {
  body#api_v2 #hero #overlay span {
    display: block;
    position: absolute;
    top: 60%;
    left: 5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
  }
  body#api_v2 #hero #overlay span small {
    width: 400px;
    display: block;
    font-size: 0.35em;
  }
}
@media screen and (min-width: 1140px) {
  body#api_v2 #hero #overlay span {
    display: block;
    position: absolute;
    top: 55%;
    left: 5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
  }
  body#api_v2 #hero #overlay span small {
    width: 400px;
    display: block;
    font-size: 0.35em;
  }
}
body#api_v2 #slider-logos {
  padding: 40px 0 65px !important;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  body#api_v2 #slider-logos {
    padding: 25px 0 !important;
  }
}
@media (min-width: 1px) {
  body#api_v2 #slider-logos {
    background: #fff;
  }
  body#api_v2 #slider-logos img {
    height: 80px;
  }
  body#api_v2 #slider-logos ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
  }
  body#api_v2 #slider-logos ul li {
    margin: 0 70px;
    padding: 0 0 0 0;
  }
}
body#api_v2 #slider-logos .slider-logos-wrap {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#api_v2 #slider-logos .slick-initialized {
  opacity: 1;
}
body#api_v2 #outline {
  padding-top: 90px !important;
  background-color: #ebf4f9;
  padding-bottom: 0 !important;
}
@media screen and (max-width: 480px) {
  body#api_v2 #outline {
    padding-top: 50px !important;
  }
}
body#api_v2 #outline .header h2 {
  margin-bottom: 25px;
}
body#api_v2 #outline .header h2 img {
  max-width: 680px;
  width: 100%;
}
body#api_v2 #outline .header p {
  font-style: normal;
  display: block;
  font-size: 1.875rem;
  font-weight: 500;
  margin-bottom: 40px;
  letter-spacing: 0;
}
@media screen and (max-width: 480px) {
  body#api_v2 #outline .header p {
    font-size: 1.5rem;
  }
}
body#api_v2 #outline #youtube {
  padding-bottom: 100px;
  scroll-margin-top: 180px;
}
@media screen and (max-width: 991px) {
  body#api_v2 #outline #youtube {
    scroll-margin-top: 97px;
  }
}
@media screen and (max-width: 480px) {
  body#api_v2 #outline #youtube {
    padding-bottom: 50px;
  }
}
body#api_v2 #outline #youtube iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 1000px;
}
body#api_v2 #outline #companyIntroduction {
  background-color: #ffffff;
  padding: 50px 0 40px;
}
body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
  padding-top: min(3.6458333333vw, 70px);
  max-width: 730px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding-top: 0;
  }
}
body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea h3 {
  margin-bottom: 45px;
}
body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea h3 img {
  max-width: 475px;
  width: 100%;
}
body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea p {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.025em;
  margin-bottom: 0;
}
@media screen and (max-width: 1070px) {
  body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea p br {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  body#api_v2 #outline #companyIntroduction .container-xl_v2 .textArea p {
    font-size: 1rem;
  }
}
body#api_v2 #outline #companyIntroduction .container-xl_v2 figure {
  max-width: 375px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #outline #companyIntroduction .container-xl_v2 figure {
    max-width: 100%;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
body#api_v2 #outline #companyIntroduction .row {
  gap: 30px;
}
body#api_v2 #function {
  background-color: #ebf4f9;
  padding-top: 85px !important;
  padding-bottom: 120px !important;
}
@media screen and (max-width: 480px) {
  body#api_v2 #function {
    padding: 50px 0 !important;
  }
}
body#api_v2 #function .header {
  margin-bottom: 50px;
}
body#api_v2 #function .header h2 {
  font-size: 3rem;
  color: #2c2d63;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #function .header h2 {
    font-size: 2rem;
  }
}
body#api_v2 #function .header h2 span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 5px;
}
body#api_v2 #function .header p {
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 480px) {
  body#api_v2 #function .header p {
    text-align: justify;
  }
}
body#api_v2 #function .function-block:not(:last-of-type) {
  margin-bottom: 80px;
}
body#api_v2 #function .function-block h3,
body#api_v2 #function .function-block h4 {
  color: #2c2d63;
}
body#api_v2 #function .function-block h3 {
  font-size: 1.875rem;
  font-weight: 500;
  margin-bottom: 30px;
}
body#api_v2 #function .function-block h4 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}
body#api_v2 #function .function-block > .row {
  gap: 20px;
}
body#api_v2 #function .function-block .function-item {
  background-color: #ffffff;
  border-radius: 5px;
  -ms-flex-preferred-size: calc((100% - 20px) / 2);
      flex-basis: calc((100% - 20px) / 2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 20px;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  body#api_v2 #function .function-block .function-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
body#api_v2 #function .function-block .function-item .textArea {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 480px) {
  body#api_v2 #function .function-block .function-item .textArea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
body#api_v2 #function .function-block .function-item .textArea ul.disc {
  list-style: none inside;
}
body#api_v2 #function .function-block .function-item .textArea ul.disc li {
  line-height: 1.3;
  font-weight: 400;
}
body#api_v2 #function .function-block .function-item .textArea ul.disc li:not(:last-child) {
  margin-bottom: 7px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #function .function-block .function-item figure {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
  }
}
body#api_v2 #caseStudy {
  padding-top: 75px !important;
  padding-bottom: 100px !important;
}
@media screen and (max-width: 480px) {
  body#api_v2 #caseStudy {
    padding: 50px 0 !important;
  }
}
body#api_v2 #caseStudy .header {
  margin-bottom: 40px;
}
body#api_v2 #caseStudy .header h2 {
  font-size: 3rem;
  color: #2c2d63;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #caseStudy .header h2 {
    font-size: 2rem;
  }
}
body#api_v2 #caseStudy .header h2 span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 5px;
}
body#api_v2 #caseStudy .caseStudy-block {
  gap: 70px min(4.9479166667vw, 95px);
}
body#api_v2 #caseStudy .caseStudy-item {
  gap: min(4.1666666667vw, 80px);
}
body#api_v2 #caseStudy .caseStudy-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
body#api_v2 #caseStudy .caseStudy-item h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #0e216b;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #caseStudy .caseStudy-item h3 {
    letter-spacing: 0;
  }
  body#api_v2 #caseStudy .caseStudy-item h3 br.pc {
    display: none;
  }
}
body#api_v2 #caseStudy .caseStudy-item .textArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 750px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #caseStudy .caseStudy-item .textArea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
body#api_v2 #caseStudy .caseStudy-item .textArea p {
  font-weight: 400;
  text-align: justify;
}
body#api_v2 #caseStudy .caseStudy-item .textArea p small {
  font-size: 0.875rem;
}
body#api_v2 #caseStudy .caseStudy-item figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 460px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #caseStudy .caseStudy-item figure {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    text-align: center;
  }
}
body#api_v2 #caseStudy ul.caseStudy-benefit {
  list-style: none inside;
  margin-bottom: 15px;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li {
  font-size: 1rem;
  font-weight: 500;
  padding: 5px 10px 7px;
  color: #ffffff;
  border-radius: 3px;
  display: inline-block;
  line-height: 1;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li.time_cut {
  background-color: #345eab;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li.cost_down {
  background-color: #df1715;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li.know_stock {
  background-color: #eba336;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li.quality_up {
  background-color: #5db753;
}
body#api_v2 #caseStudy ul.caseStudy-benefit li.precision_up {
  background-color: #7c52a5;
}
body#api_v2 #measureCase {
  padding-top: 75px !important;
  background-color: #ebf4f9;
  padding-bottom: 120px !important;
}
@media screen and (max-width: 480px) {
  body#api_v2 #measureCase {
    padding: 50px 0 60px !important;
  }
}
body#api_v2 #measureCase .header {
  margin-bottom: 40px;
}
body#api_v2 #measureCase .header h2 {
  font-size: 3rem;
  color: #2c2d63;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #measureCase .header h2 {
    font-size: 2rem;
  }
}
body#api_v2 #measureCase .header h2 span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 5px;
}
body#api_v2 #measureCase .measureCase-block {
  gap: min(2.6041666667vw, 50px);
}
@media screen and (max-width: 780px) {
  body#api_v2 #measureCase .measureCase-block {
    gap: 50px;
  }
}
body#api_v2 #measureCase .measureCase-item {
  -ms-flex-preferred-size: calc((100% - min(2.6041666667vw, 50px)) / 2);
      flex-basis: calc((100% - min(2.6041666667vw, 50px)) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 780px) {
  body#api_v2 #measureCase .measureCase-item {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
body#api_v2 #measureCase .measureCase-item h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #e00000;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 10px;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 25px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result::before {
  content: "";
  background: url(../img/service/api/v2_ico-arrow-down01.svg) no-repeat center center/cover;
  width: 38px;
  height: 41px;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .used {
  font-size: 1.5rem;
  font-weight: bold;
  color: #2c2d63;
  background-color: #e9e9ee;
  letter-spacing: 0.025em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1.2;
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail {
  gap: 30px;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 460px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail figure {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
  }
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail .textArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 430px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail .textArea {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail .textArea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail .textArea p {
  font-weight: 400;
  text-align: justify;
}
body#api_v2 #measureCase .measureCase-item .measureCase-result .resultDetail .textArea p:last-of-type {
  margin-bottom: 0;
}
body#api_v2 #lineup {
  padding-top: 75px !important;
  padding-bottom: 140px !important;
}
@media screen and (max-width: 480px) {
  body#api_v2 #lineup {
    padding: 50px 0 60px !important;
  }
}
body#api_v2 #lineup .header {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #lineup .header {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}
body#api_v2 #lineup .header h2 {
  font-size: 3rem;
  color: #2c2d63;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  body#api_v2 #lineup .header h2 {
    font-size: 2rem;
  }
}
body#api_v2 #lineup .header h2 span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 5px;
}
body#api_v2 #lineup .lineup-block {
  gap: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-block {
    gap: 40px;
  }
}
body#api_v2 #lineup .lineup-item {
  -ms-flex-preferred-size: calc((100% - min(2.0833333333vw, 40px) * 2) / 3);
      flex-basis: calc((100% - min(2.0833333333vw, 40px) * 2) / 3);
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
body#api_v2 #lineup .lineup-item h3 {
  color: #2c2d63;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-align: center;
  margin-bottom: 20px;
}
body#api_v2 #lineup .lineup-item figure {
  background-color: #f1f2f6;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}
body#api_v2 #lineup .lineup-item p {
  font-weight: 400;
  margin-bottom: 25px;
  text-align: justify;
}
body#api_v2 #lineup .lineup-item dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  margin-top: auto;
}
body#api_v2 #lineup .lineup-item dl dt {
  background-color: #ababbe;
  color: #ffffff;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 5px;
}
body#api_v2 #lineup .lineup-item dl dd {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 500;
  border: 1px solid #ababbf;
  padding: 10px;
  text-align: center;
  line-height: 1;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
body#api_v2 #lineup .lineup-item dl dd small {
  font-size: 0.75rem;
  font-weight: 500;
  display: block;
  margin-top: 5px;
}
body#api_v2 #lineup .lineup-item-w100 {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.5625vw, 30px);
  margin: min(2.0833333333vw, 40px) 0 min(3.6458333333vw, 70px);
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-item-w100 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin: 40px 0 70px;
  }
}
body#api_v2 #lineup .lineup-item-w100 figure {
  background-color: #f1f2f6;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-item-w100 figure {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
body#api_v2 #lineup .lineup-item-w100 .textArea {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-item-w100 .textArea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
body#api_v2 #lineup .lineup-item-w100 .textArea h3 {
  color: #2c2d63;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  margin-bottom: 20px;
}
body#api_v2 #lineup .lineup-item-w100 .textArea p {
  font-weight: 400;
  margin-bottom: 25px;
  text-align: justify;
}
body#api_v2 #lineup .lineup-item-w100 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-item-w100 dl {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
}
body#api_v2 #lineup .lineup-item-w100 dl dt {
  background-color: #ababbe;
  color: #ffffff;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 5px;
}
body#api_v2 #lineup .lineup-item-w100 dl dd {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #ababbf;
  padding: 10px;
  line-height: 1.5;
}
body#api_v2 #lineup .lineup-item-w100 dl dd li {
  margin-bottom: 0 !important;
  font-weight: 500;
}
body#api_v2 #lineup .lineup-option-item h3 {
  background-color: #2d2d63;
  color: #ffffff;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.2;
  padding: 20px min(2.0833333333vw, 40px);
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body#api_v2 #lineup .lineup-option-item h3 {
    padding: 20px 10px;
  }
}
body#api_v2 #lineup .lineup-option-item01 {
  margin-bottom: 60px;
}
body#api_v2 #lineup .lineup-option-item01 .row {
  gap: min(2.6041666667vw, 50px);
  padding: 0 10px;
}
body#api_v2 #lineup .lineup-option-item01 .row ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-option-item01 .row ul {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-option-item01 .row figure {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    text-align: center;
  }
}
body#api_v2 #lineup .lineup-option-item02 .row {
  padding: 0 10px;
  gap: min(2.6041666667vw, 50px);
  margin-bottom: 15px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-option-item02 .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body#api_v2 #lineup .lineup-option-item02 .row .leftArea ul {
  margin-bottom: 15px;
}
body#api_v2 #lineup .lineup-option-item02 .row .rightArea {
  -ms-flex-preferred-size: 507px;
      flex-basis: 507px;
}
@media screen and (max-width: 780px) {
  body#api_v2 #lineup .lineup-option-item02 .row .rightArea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    text-align: center;
  }
}
body#api_v2 #lineup .lineup-option-item02 ul.notes li {
  font-size: 0.75rem;
}
body#api_v2 .conversion {
  position: relative;
  background: #000000 url(/ja/img/service/api/v2_cv-bg.png) no-repeat center center/cover;
  padding: 60px 0 50px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#api_v2 .conversion {
    background: #000000 url(/ja/img/service/api/v2_cv-bg@2x.png) no-repeat center center/cover;
  }
}
body#api_v2 .conversion .row {
  margin: 0 0 35px;
  gap: 40px;
}
body#api_v2 .conversion .row .cv-links {
  max-width: calc((100% - 80px) / 3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 780px) {
  body#api_v2 .conversion .row .cv-links {
    max-width: 100%;
  }
  body#api_v2 .conversion .row .cv-links:not(:last-of-type) {
    border-bottom: 1px solid #666666;
    padding-bottom: 40px;
  }
}
body#api_v2 .conversion .row .cv-links h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 30px;
}
body#api_v2 .conversion .row .cv-links figure {
  margin-bottom: 35px !important;
}
body#api_v2 .conversion .row .cv-links a.btn {
  background-color: #ffffff;
  color: #2d2d85;
  font-size: 1.125rem;
  border-radius: 25vw;
  font-weight: bold;
  max-width: 320px;
  width: 100%;
  padding: 15px 10px;
  margin-top: auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  will-change: background-color;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#api_v2 .conversion .row .cv-links a.btn:hover {
  background-color: #2d2d85;
  color: #ffffff;
  border: 1px solid #ffffff;
}
body#api_v2 .conversion .row .cv-links-01 a.btn::before,
body#api_v2 .conversion .row .cv-links-02 a.btn::before {
  content: "";
  background: url(../img/service/api/v2_ico-download.svg) no-repeat center center/cover;
  width: 24px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion .row .cv-links-01 a.btn:hover::before,
body#api_v2 .conversion .row .cv-links-02 a.btn:hover::before {
  background: url(../img/service/api/v2_ico-download-w.svg) no-repeat center center/cover;
}
body#api_v2 .conversion .row .cv-links-03 a.btn::before {
  content: "";
  background: url(../img/service/api/v2_ico-mail.svg) no-repeat center center/contain;
  width: 20px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion .row .cv-links-03 a.btn:hover::before {
  background: url(../img/service/api/v2_ico-mail-w.svg) no-repeat center center/contain;
}
body#api_v2 .conversion dl.tel {
  color: #ffffff;
  font-weight: bold;
}
body#api_v2 .conversion dl.tel dt {
  font-size: 1.125rem !important;
}
body#api_v2 .conversion dl.tel dd {
  font-size: 2.25rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 480px) {
  body#api_v2 .conversion dl.tel dd {
    font-size: 2rem !important;
  }
}
@media screen and (max-width: 375px) {
  body#api_v2 .conversion dl.tel dd {
    font-size: 1.5rem !important;
  }
}
body#api_v2 .conversion dl.tel dd::before {
  content: "";
  background: url(../img/service/api/v2_ico-tel.svg) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 10px;
}
body#api_v2 .conversion dl.tel dd a {
  color: #ffffff;
}
body#api_v2 #dot {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
body#api_v2 #dot div {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  padding: 0;
  margin: 10px;
  line-height: 0;
  opacity: 0.5;
  background-color: #4fb4e0;
}
body#api_v2 #dot div:nth-of-type(2) {
  background-color: #5ecc71;
}
body#api_v2 #dot div:nth-of-type(3) {
  background-color: #f4a72c;
}
body#api_v2 #dot div:nth-of-type(4) {
  background-color: #da73e5;
}

/* =========================================================================== 共通 */
body#api-product {
  -webkit-animation: FadeIn 1.5s forwards ease-out;
          animation: FadeIn 1.5s forwards ease-out;
  /* tableのレスポンシブ化のために必要 */
  /* =========================================================================== Hero */
  /* ===========================================================================  */
  /* ===========================================================================  */
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body#api-product .section {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body#api-product p, body#api-product span {
  font-weight: 400;
  line-height: 1.8;
}
body#api-product .h2 {
  width: 100%;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  background-color: #2D2D63;
  padding: 18px 24px 18px;
  margin: 0px 0px 0px 0px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  body#api-product .h2 {
    font-size: 24px;
  }
}
body#api-product .h3 {
  width: 100%;
  color: #2C2D63;
  font-weight: bold;
  padding: 18px 24px 18px;
  margin: 0px 0px 0px 0px;
  line-height: 1.4;
  position: relative;
}
body#api-product .h3::before {
  content: "";
  width: 5px;
  height: 30px;
  background-color: #2C2D63;
  position: absolute;
  top: 22px;
  left: 0px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  body#api-product .h3 {
    font-size: 24px;
  }
}
body#api-product .youtube-wrap {
  width: 100%;
  background-color: #F6F6FB;
  padding: 30px;
  border-radius: 8px;
}
body#api-product .youtube {
  width: 90%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 16/9;
}
body#api-product .youtube iframe {
  width: 100%;
  height: 100%;
}
body#api-product .image-bg {
  width: 100%;
  padding: 60px 30px;
  background-color: #F6F6FB;
  border-radius: 6px;
}
body#api-product .image-bg img {
  display: block;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
body#api-product ul.tag {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  flex-direction: row;
}
body#api-product ul.tag li {
  background-color: #FBF8FF;
  border: 2px solid #2D2D63;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #2D2D63;
  padding: 10px 16px;
  margin: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  body#api-product ul.tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body#api-product ul.tag li {
    width: calc(50% - 12px);
  }
}
@media (min-width: 992px) {
  body#api-product ul.tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body#api-product ul.tag li {
    width: calc(33.3333333333% - 12px);
  }
}
body#api-product ul.numbered {
  list-style: none; /* デフォルトのマーカーを消す */
  counter-reset: my-counter; /* カウンターを初期化 */
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}
body#api-product ul.numbered li {
  counter-increment: my-counter; /* 各 li ごとにカウンターを進める */
  position: relative;
  padding: 5px 2px 5px 30px;
  font-weight: 400;
  letter-spacing: 1.2;
  margin-bottom: 10px;
}
body#api-product ul.numbered li::before {
  content: counter(my-counter); /* 番号を出力 */
  position: absolute;
  top: 4px;
  left: -12px; /* 番号の位置を調整 */
  background-color: #a18eca;
  border-radius: 100px;
  color: #fff;
  font-weight: 500;
  padding: 3px 12px;
  text-align: center;
}
body#api-product .container-lg .row > * {
  min-width: 0;
}
body#api-product .table-wrap {
  overflow-x: auto;
  max-width: 100%;
}
body#api-product .table-wrap table {
  width: 100%;
  min-width: 800px;
}
body#api-product table.mytable {
  border-collapse: collapse;
}
body#api-product table.mytable th, body#api-product table.mytable td {
  font-size: 13px;
  border: 1px solid #685f79;
  padding: 10px 16px;
}
body#api-product table.mytable thead th {
  background-color: #4E4463;
  color: #fff;
}
body#api-product table.mytable thead th:nth-of-type(1) {
  width: 150px !important;
}
body#api-product table.mytable thead th:nth-of-type(n+2) {
  width: calc((100% - 150px) / 3) !important;
}
body#api-product table.mytable tbody th {
  font-weight: 400;
  background-color: #f7f3ff;
}
body#api-product table.mytable tbody td {
  font-weight: 400;
  vertical-align: top;
}
body#api-product table.mytable tbody ul {
  margin: 0;
  padding-left: 16px;
}
body#api-product #hero {
  background-color: #000;
  position: relative;
}
body#api-product #hero .img-fluid {
  max-width: 1600px;
  max-height: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body#api-product #product-name {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  margin-top: 60px;
}
body#api-product .product-image {
  border-radius: 8px;
}

body#assist {
  background: #e6f3ff;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#assist {
    padding-top: 180px;
  }
}
body#assist #hero {
  width: 100%;
  background: #e6f3ff;
  color: #333;
}
body#assist #hero .layout {
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#assist #hero h1 {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 2.4px;
  line-height: 1.4;
}
body#assist #hero .sub {
  padding-top: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
}
body#assist #main {
  background: #fff;
  padding: 0;
  margin: 0;
}
body#assist #main #services {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  margin: 0;
  width: 100%;
  display: block;
  position: relative;
  background: rgba(230, 243, 255, 0.3);
  /* ページ内リンク */
}
body#assist #main #services .group dl {
  width: 100%;
  background: #fff;
  padding: 2.5rem 1.5625rem;
  border-radius: 5px;
  position: relative;
}
body#assist #main #services .group dl dt.service-logo {
  text-align: center;
}
body#assist #main #services .group dl dd {
  margin: 0.9375rem 0 0 0;
  padding: 0;
}
body#assist #main #services .group dl dd.service {
  text-align: center;
}
body#assist #main #services .group dl dd.service span {
  font-weight: 500;
}
body#assist #main #services .group dl dd.description {
  margin-bottom: 2rem;
}
body#assist #main #services .group dl dd.description p {
  font-size: 0.875rem;
  text-align: justify;
  line-height: 1.9;
}
body#assist #main #services .group dl dd.btn-wrap {
  text-align: center;
}
@media (min-width: 660px) {
  body#assist #main #services .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#assist #main #services .group dl {
    width: calc(50% - 0.625rem);
  }
}
@media (min-width: 992px) {
  body#assist #main #services .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#assist #main #services .group dl {
    width: 31%;
    margin-bottom: 2.5rem;
  }
}
body#assist #main #services #library,
body#assist #main #services #bom,
body#assist #main #services #zumen {
  position: absolute;
  top: -180px;
  left: 0;
}
body#assist #main #services-other {
  background: rgba(230, 243, 255, 0.7);
}
body#assist #main #services-other table.table-standard {
  width: 100%;
  min-width: 500px;
}
body#assist #main #services-other table.table-standard th, body#assist #main #services-other table.table-standard td {
  font-weight: 300;
  font-size: 0.9375rem;
  letter-spacing: 1px;
}
body#assist #main #services-other table.table-standard th {
  width: 200px;
  font-weight: 400;
}
body#assist #main #services-other table.table-standard td {
  background: #fff;
}
@media (min-width: 992px) {
  body#assist #main #services-other table.table-standard th, body#assist #main #services-other table.table-standard td {
    padding: 15px 30px;
    font-size: 1rem;
  }
}

/* body */
body#training {
  background: #e6f3ff;
  padding-top: 0px;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== END */
}
@media (min-width: 992px) {
  body#training {
    padding-top: 180px;
  }
}
body#training #hero {
  width: 100%;
  background: #e6f3ff;
  color: #333;
}
body#training #hero .layout {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#training #hero .text h1 {
  font-size: 2rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 1.4;
}
body#training #hero .text .sub {
  padding-top: 1.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
}
@media (min-width: 768px) {
  body#training #hero .text h1 {
    font-size: 1.875rem;
  }
}
body#training #hero .graphic {
  margin-top: 20px;
  position: relative;
}
body#training #hero .graphic img {
  position: relative;
  width: 110%;
  margin: 0 auto;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
@media (min-width: 860px) {
  body#training #hero .graphic {
    margin-top: 30px;
  }
  body#training #hero .graphic img {
    width: 800px;
    margin: 0 auto;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
body#training #main {
  background: #fff;
  padding: 0;
  margin: 0;
}
body#training #main table.table-standard {
  width: 100%;
  min-width: 1000px;
}
body#training #main table.table-standard th, body#training #main table.table-standard td {
  font-size: 14px;
  vertical-align: middle;
}
body#training #main table.table-standard th small, body#training #main table.table-standard td small {
  font-size: 12px;
}
body#training #main table.table-standard thead th, body#training #main table.table-standard thead td {
  background: #0394ed;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  border-color: #0394ed;
}
body#training #main table.table-standard tbody th {
  width: 110px;
  font-weight: 500;
}
body#training #main table.table-standard tbody td {
  line-height: 2;
}
body#training #main table.table-standard tbody td.course {
  width: 200px;
}
body#training #main table.table-standard tbody td.course {
  width: 200px;
}
body#training #main table.table-standard tbody td.time {
  width: 170px;
}
body#training #main table.table-standard tbody td.num {
  width: 95px;
  text-align: center;
}
body#training #main table.table-standard tbody td.price {
  padding-bottom: 19px;
  width: 180px;
  text-align: center;
  color: #0394ed;
  line-height: 1;
}
body#training #main table.table-standard tbody td.price span {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -1px;
  display: inline-block;
  margin-right: 4px;
}
body#training #main table.table-standard tbody td.price span.add {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 3px;
}
body#training #main table.table-standard tbody td.price em {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  border: 1px solid #fff;
  display: block;
}
body#training #main table.table-standard tbody td.detail {
  width: auto;
}
body#training #main table.table-standard ul {
  padding: 0;
  margin: 0;
}
body#training #main table.table-standard ul li {
  line-height: 2;
}
body#training #main .btn-wrap {
  margin-top: 50px;
  text-align: center;
}
body#training #main .btn-wrap strong {
  position: relative;
  top: -1px;
}

/* body */
body#trial {
  background: #0394ed;
  overflow-x: hidden;
  padding-top: 97px;
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
  /* =========================================================================== ⭐️ */
}
@media (min-width: 992px) {
  body#trial {
    padding-top: 180px;
  }
}
body#trial section {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 768px) {
  body#trial section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
body#trial #overview {
  width: 100%;
  text-align: center;
  background: #0394ed;
  color: #fff;
}
body#trial #overview h2.title {
  background: url(/ja/img/trial/overview-title.svg) no-repeat center top;
  background-size: 250px auto;
  width: 100%;
  height: 48px;
  display: block;
  margin: 0px auto 0px;
}
@media (min-width: 768px) {
  body#trial #overview h2.title {
    background-size: 300px auto;
    width: 300px;
    height: 43px;
  }
}
body#trial #overview h3.intro {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 10px auto 0px;
}
@media (min-width: 768px) {
  body#trial #overview h3.intro {
    margin: 20px auto 0px;
    font-size: 18px;
  }
}
body#trial #overview ul.type {
  padding: 0;
  margin: 30px 0 0 0;
  list-style: none;
}
body#trial #overview ul.type li {
  padding: 0;
  margin: 0 0 25px 0;
}
body#trial #overview ul.type li img {
  max-width: 340px;
}
body#trial #overview ul.type li a {
  cursor: default;
}
@media (min-width: 768px) {
  body#trial #overview ul.type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#trial #overview ul.type li {
    margin: 25px;
  }
}
body#trial #step {
  width: 100%;
  background: #1e78e2;
}
body#trial #step h2.title {
  background: url(/ja/img/trial/step-title.svg) no-repeat center top;
  background-size: 250px auto;
  width: 100%;
  height: 36px;
  display: block;
  margin: 0px auto 0px;
}
@media (min-width: 768px) {
  body#trial #step h2.title {
    width: 355px;
    height: 40px;
    background-size: 355px auto;
  }
}
body#trial #step .step-layout {
  margin-top: 30px;
}
body#trial #step .step-layout dl {
  background: #fff;
  border-radius: 10px;
  padding: 30px 20px 30px;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}
body#trial #step .step-layout dl dt {
  width: 100%;
  display: block;
  text-align: center;
  padding: 0 0 15px 0;
}
body#trial #step .step-layout dl dt p {
  width: 100%;
}
body#trial #step .step-layout dl dd {
  width: 100%;
  display: block;
}
body#trial #step .step-layout dl dd p {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
body#trial #step .step-layout dl dd strong {
  color: #111;
  font-size: 17px;
  font-weight: 500;
  margin: 15px auto 10px;
  display: inline-block;
}
body#trial #step .step-layout dl dd.icon {
  width: 100%;
  display: block;
  text-align: center;
}
body#trial #step .step-layout dl dd.icon img {
  width: 180px;
  height: auto;
}
@media (min-width: 768px) {
  body#trial #step .step-layout {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#trial #step .step-layout dl {
    width: calc(33.3333333333% - 10px);
  }
  body#trial #step .step-layout dl dd p {
    text-align: center;
  }
  body#trial #step .step-layout dl dd.icon img {
    width: 200px;
    height: 195px;
  }
}
@media (min-width: 992px) {
  body#trial #step .step-layout {
    margin-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }
  body#trial #step .step-layout dl {
    width: calc(33.3333333333% - 20px);
  }
}
body#trial #support {
  background: #f2f9ff;
}
body#trial #support h2.title {
  background: url(/ja/img/trial/support-title.svg) no-repeat center top;
  background-size: 250px auto;
  width: 100%;
  height: 25px;
  display: block;
  margin: 0px auto 0px;
}
@media (min-width: 768px) {
  body#trial #support h2.title {
    background-size: 372px auto;
    width: 372px;
    height: 30px;
  }
}
body#trial #support h3.intro {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
  margin: 10px auto 0px;
  text-align: center;
}
@media (min-width: 768px) {
  body#trial #support h3.intro {
    margin: 30px auto 0px;
    font-size: 18px;
  }
}
body#trial #support .support-layout {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: 875px;
  max-width: 940px;
}
@media (min-width: 768px) {
  body#trial #support .support-layout {
    margin-top: 50px;
  }
}
body#trial #support .support-layout a {
  border: 1px solid #c7dcee;
  border-radius: 5px;
  background: #fff;
  display: block;
  width: calc(50% - 5px);
  margin-top: 11px;
}
@media (min-width: 768px) {
  body#trial #support .support-layout a {
    width: calc(33.3333333333% - 8px);
  }
}
@media (min-width: 992px) {
  body#trial #support .support-layout a {
    width: calc(25% - 8px);
  }
}
body#trial #support .support-layout a:hover {
  text-decoration: none;
}
body#trial #support .support-layout dl, body#trial #support .support-layout dt, body#trial #support .support-layout dd {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  text-align: center;
}
body#trial #support .support-layout dl {
  padding: 20px 15px 30px;
}
@media (min-width: 768px) {
  body#trial #support .support-layout dl {
    padding: 25px 15px 40px;
  }
}
@media (min-width: 992px) {
  body#trial #support .support-layout dl {
    padding: 40px 15px 50px;
  }
}
body#trial #support .support-layout dd {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-top: 5px;
}
@media (min-width: 992px) {
  body#trial #support .support-layout dd {
    padding-top: 15px;
  }
}
body#trial #support .support-layout dt {
  height: 100px;
}
body#trial #support .support-layout dt.seminar {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-seminar.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.training {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-training.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.cafe {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-cafe.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.demo {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-demo.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.faq {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-faq.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.manual {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-manual.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.forum {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-forum.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.email {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-email.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.convert {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-convert.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.library {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-library.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.bom {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-bom.svg) no-repeat center center;
  background-size: contain;
}
body#trial #support .support-layout dt.zumen {
  width: 100%;
  height: 70px;
  background: url(/ja/img/trial/icon-zumen.svg) no-repeat center center;
  background-size: contain;
}
body#trial #ctb {
  width: 100%;
  text-align: center;
  background: #ffffff;
  color: #333;
}
body#trial #ctb h2.title {
  display: block;
  margin: 0px auto 0px;
  background: url(/ja/img/trial/ctb-title-xs.svg) no-repeat center top;
  background-size: 260px 85px;
  width: 100%;
  height: 85px;
}
@media (min-width: 768px) {
  body#trial #ctb h2.title {
    background: url(/ja/img/trial/ctb-title.svg) no-repeat center top;
    background-size: 516px 61px;
    width: 516px;
    height: 61px;
  }
}
body#trial #ctb .btn-wrap {
  text-align: center;
  margin: 30px auto 20px;
}
body#trial .chatplus {
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 768px) {
  body#trial .chatplus {
    font-size: 16px;
  }
}

.btn-ctb {
  color: #fff;
  background: #0394ed;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  border-radius: 5px;
  text-decoration: none;
  padding: 15px 35px 17px 40px;
  display: inline-block;
  -webkit-box-shadow: 0px 3px 0px 0px #0264a1;
          box-shadow: 0px 3px 0px 0px #0264a1;
  text-shadow: 1px 1px 0px #000;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-ctb:hover {
  color: #fff;
  text-decoration: none;
  background: #2c96d7;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.btn-ctb:active {
  background: #19a4fa;
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
}

.kirari {
  /* 光らせるためのstyle */
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.kirari::before {
  content: "";
  -webkit-animation: kirakira 5s cubic-bezier(0.25, 0, 0.25, 1) infinite;
          animation: kirakira 5s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}

/* 光の動き */
@-webkit-keyframes kirakira {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}
@keyframes kirakira {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}
body#privacy #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#privacy #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#privacy #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
body#privacy {
  /* #main */
}
body#privacy #main {
  padding-bottom: 70px;
  /* 本文 */
  /* 改訂日付 */
}
@media (min-width: 992px) {
  body#privacy #main {
    padding-bottom: 10px;
  }
}
body#privacy #main #intro {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #eee;
}
body#privacy #main #intro .h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 34px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 56px 0;
  padding: 0 0 0 0;
}
body#privacy #main #intro .h2:first-letter {
  color: #0394ed;
}
body#privacy #main #intro p {
  font-size: 1rem;
  font-weight: 400;
  color: #444;
  text-align: left;
}
body#privacy #main #main-contents {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
body#privacy #main #main-contents .h2 {
  margin-top: 80px;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}
body#privacy #main #main-contents .h2:first-child {
  margin-top: 0;
}
body#privacy #main #main-contents .h2 + .h3 {
  margin-top: 0 !important;
}
body#privacy #main #main-contents .h3 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.4;
}
body#privacy #main #main-contents ul, body#privacy #main #main-contents ol {
  padding: 0;
  margin: 24px 0 32px 28px;
}
body#privacy #main #main-contents ul li, body#privacy #main #main-contents ol li {
  display: list-item !important;
  margin-bottom: 16px;
  line-height: 1.5;
}
body#privacy #main #main-contents ol li {
  padding-left: 8px;
}
body#privacy #main #main-contents span,
body#privacy #main #main-contents p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
  letter-spacing: 0.5px;
}
body#privacy #main #update {
  border-top: 1px solid #eee;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
body#privacy #main #update ul.update {
  padding: 0;
  margin: 0 20px 0;
}
body#privacy #main #update ul.update li {
  padding: 0;
  margin: 0 0 4px 0;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
}
body#privacy #main #update ul.update li span {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
}

/* body */
body#sitepolicy {
  /* #main */
}
body#sitepolicy #main {
  padding-bottom: 70px;
  /* 本文 */
}
@media (min-width: 992px) {
  body#sitepolicy #main {
    padding-bottom: 10px;
  }
}
body#sitepolicy #main #intro {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #eee;
}
body#sitepolicy #main #intro .h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 34px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 56px 0;
  padding: 0 0 0 0;
}
body#sitepolicy #main #intro .h2:first-letter {
  color: #0394ed;
}
body#sitepolicy #main #intro p {
  font-size: 1rem;
  font-weight: 400;
  color: #444;
  text-align: left;
}
@media (min-width: 768px) {
  body#sitepolicy #main #intro p {
    text-align: center;
  }
}
body#sitepolicy #main #main-contents {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
body#sitepolicy #main #main-contents .table {
  min-width: 800px;
}
body#sitepolicy #main #main-contents .table .os {
  width: 200px;
  background-color: #f4f4f4;
  font-weight: 600;
}
body#sitepolicy #main #main-contents .h2 {
  margin-top: 80px;
  margin-bottom: 24px;
  font-size: 1.75rem;
  line-height: 1.4;
}
body#sitepolicy #main #main-contents .h2:first-child {
  margin-top: 0;
}
body#sitepolicy #main #main-contents .h2 + .h3 {
  margin-top: 0 !important;
}
body#sitepolicy #main #main-contents .h3 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.4;
}
body#sitepolicy #main #main-contents ul {
  padding: 0;
  margin: 24px 0 32px 28px;
}
body#sitepolicy #main #main-contents ul li {
  display: list-item !important;
  margin-bottom: 16px;
  line-height: 1.5;
}
body#sitepolicy #main #main-contents span,
body#sitepolicy #main #main-contents p {
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  color: #444;
}

/* body */
body#terms #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  body#terms #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  body#terms #main section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
body#terms {
  /* #main-contents */
}
body#terms #main {
  padding-bottom: 70px;
  /* 本文 */
  /* 改訂日付 */
}
@media (min-width: 992px) {
  body#terms #main {
    padding-bottom: 10px;
  }
}
body#terms #main #intro {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #eee;
}
body#terms #main #intro .h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 34px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 56px 0;
  padding: 0 0 0 0;
}
body#terms #main #intro .h2:first-letter {
  color: #0394ed;
}
body#terms #main #intro p {
  font-size: 1rem;
  font-weight: 400;
  color: #444;
  text-align: left;
}
body#terms #main #intro .lang-change {
  list-style: none;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 13px;
  padding: 0px;
  margin: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#terms #main #intro .lang-change li {
  padding: 10px;
  color: #cccccc;
}
body#terms #main #main-contents {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  /* 数字の場合のみ調整 */
  /* 括弧付きの数字にしたい場合 */
}
body#terms #main #main-contents .h2 {
  margin-top: 80px;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}
body#terms #main #main-contents .h2:first-child {
  margin-top: 0;
}
body#terms #main #main-contents .h2 + .h3 {
  margin-top: 0 !important;
}
body#terms #main #main-contents .h3 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.4;
}
body#terms #main #main-contents ul, body#terms #main #main-contents ol {
  padding: 0;
  margin: 24px 0 32px 28px;
}
body#terms #main #main-contents ul li, body#terms #main #main-contents ol li {
  display: list-item !important;
  margin-bottom: 16px;
  line-height: 1.5;
}
body#terms #main #main-contents ol li {
  padding-left: 8px;
}
body#terms #main #main-contents ol.parentheses {
  margin-left: 30px; /* 調整 */
}
body#terms #main #main-contents ol.parentheses li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}
body#terms #main #main-contents ol.parentheses li:before {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
  content: "（" counter(cnt) "）";
  display: inline-block;
  margin-left: -40px; /* 調整 */
  width: 50px; /* 調整 */
  text-align: right;
  position: absolute;
  top: 1px;
  left: 0;
}
body#terms #main #main-contents span,
body#terms #main #main-contents p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
  letter-spacing: 0.5px;
}
body#terms #main #update {
  border-top: 1px solid #eee;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
body#terms #main #update ul.update {
  padding: 0;
  margin: 0 20px 0;
}
body#terms #main #update ul.update li {
  padding: 0;
  margin: 0 0 4px 0;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
}
body#terms #main #update ul.update li span {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  color: #444;
}

/* body */
body#demonstration {
  /* =========================================================================== ⭐️ フォーム */
  /* =========================================================================== ⭐️ */
}
body#demonstration #main .h2 {
  margin-bottom: 20px;
  font-size: 25px;
}
@media (min-width: 768px) {
  body#demonstration #main .h2 {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  body#demonstration #main .h2 {
    margin-bottom: 40px;
    font-size: 32px;
  }
}
body#demonstration #main .btn-outline-light:hover {
  color: #0394ed;
}
body#demonstration #main section {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body#demonstration #main section#form {
  padding: 0px !important;
  margin: 0px !important;
  margin: 0 auto !important;
}

/* body */
body#resources-top {
  background-color: #f5f5f5;
}
body#resources-top #hero {
  width: 100%;
  height: 300px;
  background-color: #0394ed;
  background: url(/ja/img/resources/hero.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  position: relative;
}
body#resources-top #hero::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
body#resources-top #hero .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 300px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#resources-top #hero h1 {
  position: relative;
  z-index: 100;
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}
body#resources-top #main {
  background-color: #f5f5f5;
  padding-top: 80px;
  padding-top: 40px;
  padding-bottom: 50px;
  /* 比率を維持しながらレスポンシブ対応
     CSSは、高さ方向にpaddingを%で指定した場合、基準値をwidth(100%)から取得する性質があります。
     widthの値が変化すると、paddingの値も同じ量だけ変化するということ。*/
}
body#resources-top #main dt.adjust-box {
  position: relative;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
}
body#resources-top #main dt.adjust-box:before {
  content: "";
  display: block;
  padding-top: 75%;
}
body#resources-top #main .adjust-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#resources-top #main .force dt.adjust-box {
  background: url(/ja/img/resources/force@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .nec-noise-suppression-guide dt.adjust-box {
  background: url(/ja/img/resources/nec-noise-suppression-guide@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .nec dt.adjust-box {
  background: url(/ja/img/resources/nec@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .elefab dt.adjust-box {
  background: url(/ja/img/resources/elefab@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .partspick dt.adjust-box {
  background: url(/ja/img/resources/partspick-v3@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .dx dt.adjust-box {
  background: url(/ja/img/resources/dx@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .ccm dt.adjust-box {
  background: url(/ja/img/resources/ccm.png?update=20250204) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .ccm dt.adjust-box {
    background: url(/ja/img/resources/ccm@2x.png?update=20250204) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main .pamphlet dt.adjust-box {
  background: url(/ja/img/resources/quadcept-pamphlet@2x.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
body#resources-top #main .comparison dt.adjust-box {
  background: url(/ja/img/resources/comparison-v2.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .comparison dt.adjust-box {
    background: url(/ja/img/resources/comparison-v2@2x.png) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main .sipi dt.adjust-box {
  background: url(/ja/img/resources/sipi.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .sipi dt.adjust-box {
    background: url(/ja/img/resources/sipi@2x.png) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main .api-lineup dt.adjust-box {
  background: url(/ja/img/resources/api-lineup.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .api-lineup dt.adjust-box {
    background: url(/ja/img/resources/api-lineup@2x.png) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main .api-emi dt.adjust-box {
  background: url(/ja/img/resources/api-emi.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .api-emi dt.adjust-box {
    background: url(/ja/img/resources/api-emi@2x.png) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main .api-immunity dt.adjust-box {
  background: url(/ja/img/resources/api-immunity.png) no-repeat center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body#resources-top #main .api-immunity dt.adjust-box {
    background: url(/ja/img/resources/api-immunity@2x.png) no-repeat center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body#resources-top #main dl {
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  margin-bottom: 0px;
}
body#resources-top #main dl dt {
  background-color: #0a0a0a;
  width: 100%;
  margin-bottom: 30px;
}
body#resources-top #main dl dd {
  padding: 0px 20px 10px;
  width: 100%;
}
body#resources-top #main dl dd h3 {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 1px;
  text-align: left;
}
body#resources-top #main dl dd p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.5px;
  margin: 0;
}
body#resources-top #main dl dd span.btn {
  padding: 4px 20px 5px 22px;
  border-radius: 100px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
}
body#resources-top #main dl dd.btn-wrap {
  text-align: center;
  padding: 5px 0 30px;
}
body#resources-top #main .row.list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#resources-top #main a.card {
  width: 100%;
  max-width: 390px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none !important;
  color: #333;
  border: none;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
body#resources-top #main a.card:hover {
  color: #0394ed;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
body#resources-top #main a.card:hover .adjust-box {
  -webkit-filter: brightness(1.3);
          filter: brightness(1.3);
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@media (min-width: 800px) {
  body#resources-top #main .row.list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  body#resources-top #main a.card {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (min-width: 1200px) {
  body#resources-top #main .row.list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#resources-top #main a.card {
    width: 100%;
    max-width: 380px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
body#resources-top #main .row#matome .btn-wrap {
  text-align: center;
}
body#resources-top #main .row#matome dt {
  display: block;
  width: 100%;
  height: 300px;
  background: url(/ja/img/resources/matome.svg) no-repeat center center;
  background-size: 290px auto;
  background-color: #fff1e3;
}
body#resources-top #main .row#matome dd h3 {
  color: #333;
  text-align: center;
}
body#resources-top #main .row#matome dd p {
  display: none;
}
body#resources-top #main .row#matome dd .btn-wrap {
  margin-top: 1.2rem;
  margin-bottom: 1rem;
}
@media (min-width: 844px) {
  body#resources-top #main .row#matome a.card {
    width: 810px !important;
    max-width: 810px !important;
  }
  body#resources-top #main .row#matome a.card dl {
    width: 100% !important;
    max-width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body#resources-top #main .row#matome a.card dl dt {
    width: 50%;
    height: 210px;
    margin: 0;
    background: url(/ja/img/resources/matome.svg) no-repeat center center;
    background-size: 210px auto;
    background-color: #fff1e3;
  }
  body#resources-top #main .row#matome a.card dl dd {
    padding-left: 2rem;
  }
  body#resources-top #main .row#matome a.card dl dd h3 {
    text-align: left;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  body#resources-top #main .row#matome a.card dl dd p {
    display: block;
    margin-top: 0.6rem;
    font-size: 0.9rem;
  }
  body#resources-top #main .row#matome a.card dl dd .btn-wrap {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  body#resources-top #main .row#matome a.card {
    width: 1200px !important;
    max-width: 1200px !important;
  }
  body#resources-top #main .row#matome dd {
    position: relative;
    margin-bottom: 0 !important;
  }
  body#resources-top #main .row#matome dd h3 {
    margin-top: 0px !important;
  }
  body#resources-top #main .row#matome .btn-wrap {
    position: absolute;
    top: 0px;
    right: 30px;
  }
  body#resources-top #main .row#matome .btn-wrap .btn {
    padding: 1rem 2rem;
  }
  body#resources-top #main .row#matome .btn-wrap .btn::before {
    content: "\f56d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
  }
}

/* body */
body#security-policy .text-start {
  text-align: left !important;
}
@media (min-width: 768px) {
  body#security-policy .text-md-start {
    text-align: left !important;
  }
}
body#security-policy .comingsoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#security-policy .comingsoon::after {
  content: "開発中";
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  text-align: left;
  border: 1px solid #637282;
  border: 1px solid #aebac7;
  color: #8492a0;
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 10px;
}
body#security-policy h1,
body#security-policy h2,
body#security-policy h3,
body#security-policy h4,
body#security-policy h5 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
body#security-policy .h3 {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  text-align: center;
}
@media (min-width: 768px) {
  body#security-policy .h3 {
    font-size: 1.875rem;
    letter-spacing: 0.0625rem;
  }
}
@media (min-width: 992px) {
  body#security-policy .h3 {
    font-size: 2.0625rem;
    letter-spacing: 0.0625rem;
  }
}
body#security-policy .h4 {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  text-align: left;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  body#security-policy .h4 {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  body#security-policy .h4 {
    font-size: 1.25rem;
    position: relative;
  }
}
body#security-policy section {
  padding: 0;
  padding-top: 2.5rem;
}
@media (min-width: 576px) {
  body#security-policy section {
    padding-top: 3.75rem;
  }
}
@media (min-width: 768px) {
  body#security-policy section {
    padding-top: 5rem;
  }
}
@media (min-width: 992px) {
  body#security-policy section {
    padding-top: 6.25rem;
  }
}
body#security-policy hr.hr {
  border-top: 1px dashed #ccc;
  margin-top: 3.4375rem;
}
@media (min-width: 576px) {
  body#security-policy hr.hr {
    margin-top: 5rem;
  }
}
@media (min-width: 768px) {
  body#security-policy hr.hr {
    margin-top: 6.25rem;
  }
}
@media (min-width: 1200px) {
  body#security-policy hr.hr {
    margin-top: 120px;
  }
}
body#security-policy #hero {
  width: 100%;
  height: auto;
  padding: 40px 0;
  background-color: #f7f9fa;
  overflow: hidden;
}
body#security-policy #hero .hero-body {
  padding: 12px 12px 12px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
body#security-policy #hero .mobile-catch {
  font-size: 1.5625rem;
  font-weight: 400;
  color: #293a4b;
}
body#security-policy #hero .desktop-catch {
  font-size: 2rem;
  font-weight: 400;
  color: #293a4b;
  margin-bottom: 1rem;
}
body#security-policy #hero .description {
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 1.6px;
  color: #637282;
  line-height: 1.8;
}
body#security-policy #hero .hero-graphic {
  width: 100%;
  max-width: 500px;
  margin: 2.5rem auto;
}
body#security-policy #hero .hero-graphic img {
  display: block;
  margin: auto;
}
@media (min-width: 576px) {
  body#security-policy #hero .mobile-catch {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  body#security-policy #hero .hero-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body#security-policy #hero .hero-catch {
    width: 52%;
  }
  body#security-policy #hero .hero-graphic {
    width: 48%;
  }
  body#security-policy #hero .hero-graphic img {
    margin-right: -40px;
    max-width: auto;
  }
}
@media (min-width: 992px) {
  body#security-policy #hero {
    padding: 20px 0;
  }
}
@media (min-width: 1200px) {
  body#security-policy #hero .desktop-catch {
    font-size: 2.375rem;
    margin-bottom: 20px;
  }
  body#security-policy #hero .description {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 1.6px;
    color: #637282;
    line-height: 1.8;
  }
}
body#security-policy #security .h3 {
  margin-bottom: 2rem;
}
body#security-policy #security .description {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.7;
  color: #637282;
  margin: 30px auto 30px;
}
body#security-policy #security .row {
  padding: 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#security-policy #security .card {
  background-color: #f8fff9;
  border: 1px solid #cfe2d3;
  margin: 12px;
  max-width: 345px;
}
body#security-policy #security .card-body {
  padding: 2.5rem 1rem 2.5rem;
}
body#security-policy #security .card-title {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #637282;
}
body#security-policy #security .card-text {
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #637282;
}
body#security-policy #security .card-img img {
  width: auto;
  height: 107px;
  margin: 20px auto 30px;
}
body#security-policy #security .btn {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.5rem;
}
@media (min-width: 992px) {
  body#security-policy #security .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 1.3px;
    line-height: 1.6;
    color: #637282;
  }
}
body#security-policy .security-detail .h4 {
  color: #637282;
}
body#security-policy .security-detail p.description {
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #637282;
}
body#security-policy .note ul {
  background-color: #fffff9;
  border: 1px solid #eeead4;
  border-radius: 5px;
  padding: 17px 20px 17px 40px;
  list-style: none;
}
body#security-policy .note li.description {
  position: relative;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #637282;
}
body#security-policy .note li:before {
  content: "※";
  position: absolute;
  left: -20px;
  top: 0.5px;
}

body#news {
  /* =========================================================================== ⭐️ Mobile */
  /* #main */
}
body#news #hero {
  position: relative;
}
body#news #hero .container-fluid, body#news #hero .container-sm, body#news #hero .container-md, body#news #hero .container-lg, body#news #hero .container-xl {
  padding: 30px 40px 0px 40px;
}
body#news #main {
  /* =========================================================================== END */
}
body#news #main section {
  max-width: 1140px;
  margin: auto auto auto auto;
  padding: 80px 0 0;
}
body#news #main h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 35px;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 0px 0;
  padding: 0 0 0 0;
}
body#news #main h2:first-letter {
  color: #0394ed;
}
body#news #main #information {
  padding-bottom: 120px;
}
body#news #main #information .h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  body#news #main #information .h2 {
    font-size: 1.25rem;
    font-weight: 400;
  }
}
body#news #main #information .news-wrap {
  margin-bottom: 60px;
}
body#news #main #information dl {
  border-bottom: 1px solid #eee;
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#news #main #information dl:first-of-type {
  border-top: 1px solid #eee;
}
body#news #main #information dt {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.8rem;
  display: inline-block;
  width: 50%;
}
body#news #main #information dt span {
  display: inline-block;
  color: #787878;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
}
body#news #main #information dd {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
}
body#news #main #information dd.category {
  width: 50%;
  text-align: right;
}
body#news #main #information dd.category span {
  margin: 0 0 0 0;
  padding: 1px 10px 2px 10px;
  text-align: center;
  min-width: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
}
body#news #main #information dd.category.seminar span {
  background: #73C392;
}
body#news #main #information dd.category.info span {
  background: #96B3E2;
}
body#news #main #information dd.category.event span {
  background: #EAC188;
}
body#news #main #information dd.category.important span {
  background: #DE9494;
}
body#news #main #information dd.category.release span {
  background: #64bdd8;
}
body#news #main #information dd.category.undefined span {
  background: #94d7de;
}
body#news #main #information dd.detail {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}
body#news #main #information dd.detail a {
  display: inline-block;
  color: #454545;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 1.4px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  body#news #main #information dt {
    width: auto;
    margin-right: 20px;
  }
  body#news #main #information dd.category {
    text-align: left;
    width: auto;
  }
}
@media (min-width: 992px) {
  body#news #main #information .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body#news #main #information .news-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  body#news #main #information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 20px 25px 20px;
  }
  body#news #main #information dt {
    width: 90px;
  }
  body#news #main #information dd.category {
    text-align: left;
    width: 90px;
  }
  body#news #main #information dd.detail {
    width: auto;
    display: block;
    margin: 0 0 0 0;
  }
}

/* body */
body#news-detail {
  /* #main */
}
body#news-detail #main {
  padding-left: 16px;
  padding-right: 16px;
}
body#news-detail #main section {
  max-width: 800px;
  margin: auto auto auto auto;
  padding: 80px 0 0;
}
body#news-detail #main h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 35px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 0px 0;
  padding: 0 0 0 0;
}
body#news-detail #main h2:first-letter {
  color: #0394ed;
}
body#news-detail #main .news-detail {
  /* 色 */
  /* 見出し */
  /* 箇条書き（※印）*/
  /* カレンダー */
  /* テーブル */
}
body#news-detail #main .news-detail .header {
  margin-bottom: 48px;
}
body#news-detail #main .news-detail .header h3.title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 16px 0;
  padding: 0 0 0 0;
}
body#news-detail #main .news-detail .header .date {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 16px 0;
  padding: 0 0 0 0;
}
body#news-detail #main .news-detail .red {
  color: #dd2929;
}
body#news-detail #main .news-detail .h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 24px 0 24px 0;
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #0394ed;
  color: #fff;
}
body#news-detail #main .news-detail .h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 16px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 48px 0 24px 0;
  padding: 8px 16px;
  color: #333;
  border-left: 4px solid #0394ed;
}
body#news-detail #main .news-detail .h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 15px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 48px 0 24px 0;
  padding: 12px 2px;
  color: #333;
  border-bottom: 1px dashed #333;
}
body#news-detail #main .news-detail ul.kome {
  list-style-type: none;
  padding-left: 22px;
}
body#news-detail #main .news-detail ul.kome li {
  position: relative;
  font-size: 15px;
}
body#news-detail #main .news-detail ul.kome li::before {
  content: "※";
  position: absolute;
  top: 0px;
  left: -22px;
}
body#news-detail #main .news-detail .calendar {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body#news-detail #main .news-detail .calendar dl {
  margin: 1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
body#news-detail #main .news-detail .calendar dt {
  font-size: 14px;
  padding: 8px 4px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background-color: #fafafa;
}
body#news-detail #main .news-detail .calendar dd {
  position: relative;
  width: 100px;
  padding: 12px 8px;
  text-align: center;
  margin: 0;
}
body#news-detail #main .news-detail table.mytable {
  width: 100%;
  border-collapse: collapse;
}
body#news-detail #main .news-detail table.mytable th, body#news-detail #main .news-detail table.mytable td {
  padding: 5px 15px;
  border: 1px solid #ddd;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.3;
  padding: 12px 16px;
}
body#news-detail #main .news-detail table.mytable th.bgcolor {
  background-color: #fafafa;
}
body#news-detail #main .box-wrap {
  padding: 10px 0;
}
body#news-detail #main .box-wrap .box-announce {
  background-color: #fffce8;
  border: 1px solid #e6dbaf;
  border-radius: 6px;
  padding: 20px 24px;
  margin: 0 0 16px 0;
}
body#news-detail #main .box-wrap .box-announce dt {
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 1px;
  color: #f3ac41;
}
body#news-detail #main .box-wrap .box-announce dd {
  padding: 0;
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #3e3e3e;
  font-weight: 400;
}
body#news-detail #main .box-wrap .box-announce li {
  padding-top: 2px;
  padding-bottom: 2px;
}
body#news-detail #main .news-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 80px;
}

/* body */
.filterBtnWrap {
  max-width: 1200px;
  width: 100%;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 20px;
  background-color: #f5f5f5;
  padding: 10px;
  border: 1px solid #cccccc;
}
.filterBtnWrap dt {
  font-size: 14px;
  font-weight: normal;
}
.filterBtnWrap dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
}
.filterBtnWrap dd button {
  border: none;
  color: #ffffff;
  padding: 5px 10px;
  min-width: 120px;
  font-size: 14px;
}
.filterBtnWrap dd button[onclick="filterItems('all')"] {
  background-color: #161616;
}
.filterBtnWrap dd button[onclick="filterItems('upcoming')"] {
  background-color: #3173e4;
}
.filterBtnWrap dd button[onclick="filterItems('ondemand')"] {
  background-color: #21a55f;
}
@media screen and (max-width: 425px) {
  .filterBtnWrap dd button {
    min-width: auto;
  }
}

.eventListWrap {
  margin: 40px 0 100px;
}
.eventListWrap h2 {
  position: relative;
  color: #727272;
  text-align: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 30px;
}
.eventListWrap h2 span {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  background-color: #ffffff;
  padding: 0 10px;
  display: inline-block;
  z-index: 1;
}
.eventListWrap h2::before, .eventListWrap h2::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40%;
  height: 1px;
  background-color: #cccccc;
}
.eventListWrap h2::before {
  left: 0;
}
.eventListWrap h2::after {
  right: 0;
}

.eventListInner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px min(3.125vw, 40px);
}
.eventListInner * {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .eventListInner {
    padding: 0 10px;
  }
}
@media screen and (max-width: 780px) {
  .eventListInner {
    gap: 50px 5.1282051282vw;
  }
}
.eventListInner .col3-1 {
  max-width: calc((100% - 2 * min(3.125vw, 40px)) / 3);
  width: 100%;
  position: relative;
}
@media screen and (max-width: 780px) {
  .eventListInner .col3-1 {
    max-width: calc((100% - 5.1282051282vw) / 2);
  }
}
@media screen and (max-width: 480px) {
  .eventListInner .col3-1 {
    max-width: 100%;
  }
}
.eventListInner .col3-1 figure {
  vertical-align: top;
  margin-bottom: 20px;
  position: relative;
  aspect-ratio: 35/19;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.eventListInner .col3-1 figure img {
  max-width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 35/19;
}
.eventListInner .col3-1 p.date {
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 20px;
}
.eventListInner .col3-1 p.date em {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
}
.eventListInner .col3-1 p.date em::before {
  content: "";
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 10px;
}
.eventListInner .col3-1 h3 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.eventListInner .col3-1 a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.eventListInner .col3-1 a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.eventListInner .col3-1 .seminarTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.eventListInner .col3-1 .seminarTag li {
  display: block;
  font-size: 10px;
  padding: 0px 5px;
  margin: 0;
  border: 1px solid #cccccc;
  font-weight: 400;
  color: #727272;
  letter-spacing: 0.075em;
}
.eventListInner .closed.col3-1 {
  /*.&:hover {
    cursor: not-allowed;
  } */
}
.eventListInner .closed.col3-1 p.date {
  color: #727272;
}
.eventListInner .closed.col3-1 p.date em::before {
  content: "●開催終了";
  color: #666666;
  background-color: #e5e5e5;
}
.eventListInner .closed.col3-1 h3 {
  color: #727272;
}
.eventListInner .closed.col3-1 .seminarTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.eventListInner .closed.col3-1 a {
  display: block;
}
.eventListInner .closed.col3-1.noLink a {
  display: none;
}
.eventListInner .active.col3-1 p.date em::before {
  content: "●受付中";
  color: #3173e4;
  background-color: #eaf1fc;
}
.eventListInner .active.col3-1:hover figure {
  overflow: hidden;
}
.eventListInner .active.col3-1:hover figure img {
  -webkit-transform: scale(102%);
          transform: scale(102%);
}
.eventListInner .ondemand.col3-1 p.date em::before {
  content: "●オンデマンド配信";
  color: #21a55f;
  background-color: #e8f6ef;
}
.eventListInner .ondemand.col3-1:hover figure {
  overflow: hidden;
}
.eventListInner .ondemand.col3-1:hover figure img {
  -webkit-transform: scale(102%);
          transform: scale(102%);
}
.eventListInner .inactive.col3-1 p.date em::before {
  content: "●受付終了";
  color: #1b1b1b;
  background-color: #e5e5e5;
}
.eventListInner .inactive.col3-1 a {
  display: block;
}
.eventListInner .inactive.col3-1:hover {
  cursor: not-allowed;
}
.eventListInner .active-exhibition.col3-1 p.date em::before {
  content: "●来場者限定";
  color: #3173e4;
  background-color: #eaf1fc;
}
.eventListInner .active-exhibition.col3-1:hover figure {
  overflow: hidden;
}
.eventListInner .active-exhibition.col3-1:hover figure img {
  -webkit-transform: scale(102%);
          transform: scale(102%);
}
.eventListInner .exhibition.col3-1 p.date em::before {
  content: "●展示会";
  color: #e27231;
  background-color: #fcf1ea;
}
.eventListInner .exhibition.col3-1:hover figure {
  overflow: hidden;
}
.eventListInner .exhibition.col3-1:hover figure img {
  -webkit-transform: scale(102%);
          transform: scale(102%);
}
.eventListInner:not(:last-of-type) {
  margin-bottom: 100px;
}

.activeItem {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 1s ease, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 1s ease, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s ease;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s ease, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.eventDetailWrap {
  margin: 40px 0 100px;
  -webkit-animation: FadeIn 1.5s forwards ease-in;
          animation: FadeIn 1.5s forwards ease-in;
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.eventDetailInner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.eventDetailInner * {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.075em;
  font-weight: 400;
}
.eventDetailInner figure img {
  max-width: 100%;
}
.eventDetailInner h3 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
  margin: 50px 0 30px;
  text-align: center;
}
.eventDetailInner h4 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7;
  margin: 50px 0 30px;
}
.eventDetailInner p.description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 30px;
}
.eventDetailInner p.description strong {
  color: #ee7b7b;
  font-weight: bold;
}
.eventDetailInner div.table {
  margin-bottom: 50px;
}
.eventDetailInner div.table > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px;
  margin-bottom: 0px;
}
@media screen and (max-width: 780px) {
  .eventDetailInner div.table > dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.eventDetailInner div.table > dl > dt {
  max-width: min(23.4375vw, 300px);
  width: 100%;
  padding-right: 1em;
}
@media screen and (max-width: 780px) {
  .eventDetailInner div.table > dl > dt {
    max-width: 100%;
    background-color: #f5f5f5;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
}
.eventDetailInner div.table > dl > dt p {
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: bold;
  margin: 0;
}
.eventDetailInner div.table > dl > dd {
  max-width: calc(100% - min(23.4375vw, 300px));
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 780px) {
  .eventDetailInner div.table > dl > dd {
    max-width: 100%;
    padding: 0 10px;
  }
}
.eventDetailInner div.table > dl > dd p {
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: 400;
  margin: 0;
}
.eventDetailInner div.table > dl > dd ol {
  padding: 20px 20px 20px 40px;
  border: 1px dashed #cccccc;
  background: #f7f7f7;
}
.eventDetailInner div.table > dl > dd li {
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: 400;
}
.eventDetailInner div.table > dl > dd li:not(:last-child) {
  margin-bottom: 10px;
}
.eventDetailInner div.table > dl > dd ul.exhibitsList {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 15px 20px;
  background: #f7f7f7;
}
.eventDetailInner div.table > dl > dd ul.exhibitsList li {
  margin-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}
.eventDetailInner div.table > dl > dd ul.exhibitsList li a {
  color: #01446b;
  font-weight: bold;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.eventDetailInner div.table > dl > dd ul.exhibitsList li a::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.25em;
}
.eventDetailInner div.table > dl > dd ul.exhibitsList li a:hover {
  color: #0394ed;
  text-decoration: none;
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4 {
  position: relative;
  padding: 5px 10px 10px;
  text-align: center;
  border: 1px dotted #ea5702;
  background: #ffffff;
  border-left-width: 0;
  border-right-width: 0;
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4::before,
.eventDetailInner div.table > dl > dd .exhibitsDetails h4::after {
  position: absolute;
  content: "";
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4::before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ffffff;
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4 i {
  color: #ea5702;
  font-size: 30px;
  font-size: 1.5rem;
  line-height: 60px;
  position: absolute;
  z-index: 1;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}
.eventDetailInner div.table > dl > dd .exhibitsDetails h4 span {
  color: #ea5702;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 1.5rem;
}
.eventDetailInner div.table > dl > dd .exhibits:not(:last-of-type) {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.eventDetailInner div.table > dl > dd .exhibits .tip {
  color: #01446b;
  font-size: 0.875rem;
  position: relative;
  padding: 5px 10px;
  border: 3px solid #01446b;
  border-radius: 5px;
  background-color: #ffffff;
  display: inline-block;
}
.eventDetailInner div.table > dl > dd .exhibits .tip::before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #01446b transparent transparent transparent;
  z-index: 1;
}
.eventDetailInner div.table > dl > dd .exhibits .tip::after {
  position: absolute;
  bottom: -12px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 12px 10px 0 10px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  z-index: 2;
}
.eventDetailInner div.table > dl > dd .exhibits .name {
  font-size: 1.5rem;
  background-color: #01446b;
  color: #ffffff;
  padding: 10px 20px;
  font-weight: bold;
  line-height: 1.7;
}
.eventDetailInner div.table > dl > dd .exhibits figure {
  text-align: center;
}
.eventDetailInner div.table > dl > dd .exhibits figure.img-border img {
  border: 5px solid #cbd8e0;
}
.eventDetailInner div.table > dl > dd .exhibits figure img {
  width: 100%;
}
.eventDetailInner div.table > dl > dd .exhibits .textArea p {
  text-align: justify;
}
.eventDetailInner div.table > dl > dd .exhibits .textArea p:not(:last-of-type) {
  margin-bottom: 1rem;
}
.eventDetailInner div.table > dl > dd .exhibits.smartzap h6 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #01446b;
  margin-bottom: 10px;
}
.eventDetailInner div.table > dl > dd .exhibits.smartzap h6::before {
  content: "\f164";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  margin-right: 0.25em;
}
.eventDetailInner div.table > dl .boxA {
  margin-top: 10px;
  border: 1px dashed #e89f78;
  background-color: #fef5ef;
  padding: 20px;
}
.eventDetailInner div.table > dl .boxA p {
  color: #ea5804;
  font-weight: bold;
  margin-bottom: 5px;
}
.eventDetailInner div.table > dl .boxA p::before {
  content: "\f31c";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 0.25em;
}
.eventDetailInner div.table > dl .boxA dl {
  border: 1px solid #999999;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.eventDetailInner div.table > dl .boxA dl:not(:first-of-type) {
  margin-top: -1px;
}
@media screen and (max-width: 640px) {
  .eventDetailInner div.table > dl .boxA dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  .eventDetailInner div.table > dl .boxA dl:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.eventDetailInner div.table > dl .boxA dl dt {
  max-width: 170px;
  width: 100%;
  padding: 10px;
  border-right: 1px solid #999999;
}
@media screen and (max-width: 640px) {
  .eventDetailInner div.table > dl .boxA dl dt {
    max-width: 100%;
    border-right-width: 0;
    border-bottom: 1px dashed #999999;
  }
}
.eventDetailInner div.table > dl .boxA dl dd {
  padding: 10px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.25rem;
}
.eventDetailInner div.table > dl .boxB {
  margin-top: 10px;
  background-color: #f7f7f7;
  padding: 20px;
}
.eventDetailInner div.table > dl .boxB.vip dl {
  font-size: 0.875rem;
}
.eventDetailInner div.table > dl .boxB.vip dl:last-of-type {
  margin: 0;
}
.eventDetailInner div.table > dl .boxB.vip dl dt {
  font-weight: bold;
}
.eventDetailInner div.table > dl .boxB.vip dl dd {
  margin: 0;
}
.eventDetailInner div.table > dl .listA dt {
  color: #01446b;
  font-weight: bold;
}
.eventDetailInner div.table > dl .listA dt::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.25em;
}
.eventDetailInner div.table .map {
  width: 100%;
  margin: 20px 0;
}
.eventDetailInner div.table .map iframe {
  width: 100%;
  min-height: 450px;
}
.eventDetailInner div.table a.txtlink {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.eventDetailInner div.table a.txtlink::before {
  content: "\f0da";
  font-family: "FontAwesome";
  margin-right: 0.25em;
  font-size: 1rem;
}
.eventDetailInner div.table a.window::after {
  content: "\f08e";
  font-family: "FontAwesome";
  margin-left: 0.5em;
  font-size: 1rem;
}
.eventDetailInner div.table .mb-30 {
  margin-bottom: 30px;
}
.eventDetailInner div.table .Red {
  color: #ea040c;
}
.eventDetailInner div.table ul.notes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.eventDetailInner div.table ul.notes li {
  font-size: 0.875rem;
  margin-left: 1em;
  text-indent: -1em;
}
.eventDetailInner .btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.eventDetailInner .btnWrap a {
  background-color: #ea5804;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  max-width: 640px;
  width: 100%;
  text-align: center;
  padding: 30px 30px;
  border-radius: 25vw;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.eventDetailInner .btnWrap a:hover {
  opacity: 0.7;
}
.eventDetailInner .btnWrap a span {
  font-size: 0.75rem;
  display: block;
  margin-top: 0.5rem;
}
.eventDetailInner.poly h3 em {
  font-style: normal;
  display: inline-block;
  position: relative;
}
.eventDetailInner.poly h3 em::before {
  content: "・";
  position: absolute;
  top: -1em;
  left: 0.25em;
  color: #0394ed;
}
.eventDetailInner.techno-frontier .highlights * {
  font-size: 1.125rem;
}
.eventDetailInner.automotiveworld .highlights * {
  font-size: 1.125rem;
}

body#event.detail #local-navi .navbar-toggler span span {
  display: none;
}
@media screen and (max-width: 1199px) {
  body#event.detail .description {
    padding: 0 10px;
  }
}
body#event.detail .description p {
  font-size: 1.125rem;
  text-align: justify;
  letter-spacing: 0.1rem;
}
body#event.detail ul.disc {
  margin: 0;
  padding-left: 1em;
}
body#event.detail ul.check {
  margin: 0 0 0 1.5em;
  padding: 0;
  list-style: none;
}
body#event.detail ul.check li {
  text-indent: -1.25em;
}
body#event.detail ul.check li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.25em;
}
@media screen and (max-width: 1199px) {
  body#event.detail .program {
    padding: 0 10px;
  }
}
body#event.detail .program .program-table dl dd p {
  text-align: justify;
  line-height: 2;
  letter-spacing: 0.1rem;
}
body#event.detail .program .program-table dl dd p strong {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
  color: #02446b;
  margin-left: 1em;
  text-indent: -0.5em;
  line-height: 1.5;
}
body#event.detail .program .program-table dl dd p strong i {
  margin-right: 0.25em;
}
body#event.detail .program .program-table dl dd p.speaker {
  margin-top: 0.75em;
  font-size: 1rem;
  font-weight: bold;
  color: #787878;
  margin-left: 1em;
  text-indent: -0.5em;
  line-height: 1.5;
}
body#event.detail .program .program-table dl dd p.speaker i {
  margin-right: 0.25em;
}
body#event.detail .ttl01 {
  position: relative;
  padding: 1rem;
  color: #ffffff;
  border-radius: 7px;
  background: #02446b;
  font-size: 1.5rem;
}
body#event.detail .ttl01 i {
  margin-right: 0.25em;
}
body#event.detail .ttl01::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #02446b transparent transparent transparent;
}
/* body */
/* =========================================================================== */
/*# sourceMappingURL=style.css.map */