@charset "UTF-8";
/*
======== CONTENTS =======================================
   Site Name: 商品ページ全般
   2025.10.27
=========================================================
*/
/* --------------------------------
  htmltag
-------------------------------- */
html .hs-l-contents p a,
html .hs-l-contents a {
  color: #c02;
}

html .hs-l-contents a.hs-c-link {
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

html .hs-l-contents li > a.hs-c-link {
  text-decoration: none;
}

html a.global-breadcrumbs__link {
  text-decoration: none;
}
html a.global-breadcrumbs__link:hover {
  text-decoration: inherit;
}

@media (hover: hover) {
  html a:link:hover,
  html p a:link:hover {
    text-decoration: none;
  }
}
html a[class^=hs-c-link]:visited,
html p a:not(.hs-c-link):visited {
  color: #a94657;
}

/* --------------------------------
  スクロール制御
-------------------------------- */
h2, section {
  scroll-margin-top: 52px;
}

/* --------------------------------
  hs-l-column
-------------------------------- */
.hs-l-column {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.hs-l-column.hs-l-column--2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.hs-l-column.hs-l-column--3 {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}
.hs-l-column.hs-l-column--4 {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
}
.hs-l-column.hs-l-column--gap-xs {
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--gap-xs {
    gap: 4px;
  }
}
.hs-l-column.hs-l-column--gap-sm {
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--gap-sm {
    gap: 8px;
  }
}
.hs-l-column.hs-l-column--gap-md {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--gap-md {
    gap: 16px;
  }
}
.hs-l-column.hs-l-column--gap-lg {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--gap-lg {
    gap: 24px;
  }
}
.hs-l-column.hs-l-column--gap-xl {
  gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--gap-xl {
    gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .hs-l-column.hs-l-column--sm-auto {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media (max-width: 767.98px) {
  .hs-l-column.hs-l-column--type-footer {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 2.1333333333vw;
    margin-top: 1.0666666667vw;
  }
}
.hs-l-column.hs-l-column--type-footer a {
  line-height: 1.3;
  color: #333 !important;
  text-decoration: none;
}
.hs-l-column.hs-l-column--type-footer a[target=_blank]::after {
  top: -0.1em;
}
@media (min-width: 768px) {
  .hs-l-column.hs-l-column--type-footer li {
    line-height: 1;
    padding: 5px 0;
  }
}

/*見出しリンク*/
a:has(+ .hs-l-column--type-footer) {
  color: #333 !important;
  text-decoration: none !important;
}

/* --------------------------------
  hs-l-contents
-------------------------------- */
.hs-l-contents {
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .hs-l-contents {
    word-break: break-word;
  }
}
@media (min-width: 768px) {
  .hs-l-contents.hs-l-contents--max-md {
    max-width: 1100px;
  }
}
@media (min-width: 768px) {
  .hs-l-contents.hs-l-contents--max-pc75 {
    width: 75%;
  }
}
@media (min-width: 768px) {
  .hs-l-contents.hs-l-contents--gutters-sm {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.hs-l-contents.hs-l-contents--gutters-md {
  padding-right: 5.3333333333vw;
  padding-left: 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-l-contents.hs-l-contents--gutters-md {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) {
  .hs-l-contents.hs-l-contents--gutters-overflow {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .hs-l-contents.hs-l-contents--gutters-overflow * {
    width: 100%;
  }
}

/* --------------------------------
  hs-l-contents-flex
-------------------------------- */
.hs-l-contents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hs-l-contents-flex.hs-l-contents-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .hs-l-contents-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.hs-l-contents-flex.hs-l-contents-flex--gap-lg {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-contents-flex.hs-l-contents-flex--gap-lg {
    gap: 32px;
  }
}
.hs-l-contents-flex.hs-l-contents-flex--gap-sm {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-contents-flex.hs-l-contents-flex--gap-sm {
    gap: 16px;
  }
}
.hs-l-contents-flex.hs-l-contents-flex--gap-none {
  gap: 0;
}
.hs-l-contents-flex.hs-l-contents-flex--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 768px) {
  .hs-l-contents-flex.hs-l-contents-flex--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex.hs-l-contents-flex--align-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex.hs-l-contents-flex--align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hs-l-contents-flex__controlled-item picture,
.hs-l-contents-flex__controlled-item img {
  width: 100%;
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-2 {
    width: 14.1509433962%;
    min-width: 14.1509433962%;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-3 {
    width: 22.7358490566%;
    min-width: 22.7358490566%;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-4 {
    width: 31.320754717%;
    min-width: 31.320754717%;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-6 {
    width: 48.4905660377%;
    min-width: 48.4905660377%;
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-auto {
    width: auto;
  }
}
.hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--width-fix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--width-fix {
    max-width: 50%;
  }
}

.hs-l-contents-flex__flex-item.hs-l-contents-flex__flex-item--width-fix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .hs-l-contents-flex__flex-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.hs-l-contents-flex__controlled-item--img-object-fit-cover {
  /*add hayashi1008*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hs-l-contents-flex__controlled-item--img-object-fit-cover img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*add hayashi1008*/
.hs-l-contents-flex__controlled-item--img-object-fit-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.hs-l-contents-flex__controlled-item--img-object-fit-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 768px) {
  .hs-l-contents-flex__controlled-item--mr-10 {
    margin-right: 10%;
  }
}

@media (min-width: 768px) {
  .hs-l-contents-flex__flex-item--btn-minwidth-xs {
    min-width: 210px;
  }
  .hs-l-contents-flex--gap-lg .hs-l-contents-flex__flex-item--btn-minwidth-xs {
    width: calc(100% - 210px - 32px);
  }
  .hs-l-contents-flex--gap-sm .hs-l-contents-flex__flex-item--btn-minwidth-xs {
    width: calc(100% - 210px - 16px);
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__flex-item--btn-minwidth-sm {
    min-width: 270px;
  }
  .hs-l-contents-flex--gap-lg .hs-l-contents-flex__flex-item--btn-minwidth-sm {
    width: calc(100% - 270px - 32px);
  }
  .hs-l-contents-flex--gap-sm .hs-l-contents-flex__flex-item--btn-minwidth-sm {
    width: calc(100% - 270px - 16px);
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__flex-item--btn-minwidth-md {
    min-width: 332px;
  }
  .hs-l-contents-flex--gap-lg .hs-l-contents-flex__flex-item--btn-minwidth-md {
    width: calc(100% - 332px - 32px);
  }
  .hs-l-contents-flex--gap-sm .hs-l-contents-flex__flex-item--btn-minwidth-md {
    width: calc(100% - 332px - 16px);
  }
}
@media (min-width: 768px) {
  .hs-l-contents-flex__flex-item--btn-minwidth-lg {
    min-width: 514px;
  }
  .hs-l-contents-flex--gap-lg .hs-l-contents-flex__flex-item--btn-minwidth-lg {
    width: calc(100% - 514px - 32px);
  }
  .hs-l-contents-flex--gap-sm .hs-l-contents-flex__flex-item--btn-minwidth-lg {
    width: calc(100% - 514px - 16px);
  }
}
/* --------------------------------
  hs-l-flex
-------------------------------- */
.hs-l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hs-l-flex.hs-l-flex--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.hs-l-flex[class^=hs-l-flex--cols-] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.hs-l-flex.hs-l-flex--cols-auto > * {
  width: auto;
}
@media (max-width: 767.98px) {
  .hs-l-flex.hs-l-flex--cols-auto.hs-l-flex--direction-sm-column-md-row > * {
    width: 100%;
  }
}
.hs-l-flex.hs-l-flex--cols-1 > * {
  width: calc(100% / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sm > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sm > ul > * {
  width: calc((100% - 12px) / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sp-pc-sm > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sp-pc-sm > ul > * {
  width: calc((100% - 12px) / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-md > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-md > ul > * {
  width: calc((100% - 32px) / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-pc-md > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-pc-md > ul > * {
  width: calc((100% - 32px) / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sp-pc-lg > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-sp-pc-lg > ul > * {
  width: calc((100% - 32px) / 1);
}
.hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-xl > *, .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--gap-xl > ul > * {
  width: calc((100% - 32px) / 1);
}
@media (max-width: 767.98px) {
  .hs-l-flex.hs-l-flex--cols-1.hs-l-flex--direction-sm-column-md-row > * {
    width: 100%;
  }
}
.hs-l-flex.hs-l-flex--cols-2 > * {
  width: calc(100% / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sm > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sm > ul > * {
  width: calc((100% - 12px) / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sp-pc-sm > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sp-pc-sm > ul > * {
  width: calc((100% - 12px) / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-md > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-md > ul > * {
  width: calc((100% - 32px) / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-pc-md > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-pc-md > ul > * {
  width: calc((100% - 32px) / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sp-pc-lg > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-sp-pc-lg > ul > * {
  width: calc((100% - 32px) / 2);
}
.hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-xl > *, .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--gap-xl > ul > * {
  width: calc((100% - 32px) / 2);
}
@media (max-width: 767.98px) {
  .hs-l-flex.hs-l-flex--cols-2.hs-l-flex--direction-sm-column-md-row > * {
    width: 100%;
  }
}
.hs-l-flex.hs-l-flex--cols-3 > * {
  width: calc(100% / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sm > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sm > ul > * {
  width: calc((100% - 12px) / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sp-pc-sm > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sp-pc-sm > ul > * {
  width: calc((100% - 12px) / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-md > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-md > ul > * {
  width: calc((100% - 32px) / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-pc-md > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-pc-md > ul > * {
  width: calc((100% - 32px) / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sp-pc-lg > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-sp-pc-lg > ul > * {
  width: calc((100% - 32px) / 3);
}
.hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-xl > *, .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--gap-xl > ul > * {
  width: calc((100% - 32px) / 3);
}
@media (max-width: 767.98px) {
  .hs-l-flex.hs-l-flex--cols-3.hs-l-flex--direction-sm-column-md-row > * {
    width: 100%;
  }
}
.hs-l-flex.hs-l-flex--cols-4 > * {
  width: calc(100% / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sm > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sm > ul > * {
  width: calc((100% - 12px) / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sp-pc-sm > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sp-pc-sm > ul > * {
  width: calc((100% - 12px) / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-md > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-md > ul > * {
  width: calc((100% - 32px) / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-pc-md > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-pc-md > ul > * {
  width: calc((100% - 32px) / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sp-pc-lg > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-sp-pc-lg > ul > * {
  width: calc((100% - 32px) / 4);
}
.hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-xl > *, .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--gap-xl > ul > * {
  width: calc((100% - 32px) / 4);
}
@media (max-width: 767.98px) {
  .hs-l-flex.hs-l-flex--cols-4.hs-l-flex--direction-sm-column-md-row > * {
    width: 100%;
  }
}

.hs-l-flex--justify-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

.hs-l-flex--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hs-l-flex--justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hs-l-flex--justify-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.hs-l-flex--align-flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hs-l-flex--align-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

.hs-l-flex--align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.hs-l-flex--direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.hs-l-flex--direction-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.hs-l-flex--direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hs-l-flex--direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.hs-l-flex--direction-sm-column-md-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .hs-l-flex--direction-sm-column-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.hs-l-flex--direction-sm-row-md-column {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 768px) {
  .hs-l-flex--direction-sm-row-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.hs-l-flex--gap-sm {
  gap: 3.2vw 0vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-sm {
    gap: 12px 12px;
  }
}

.hs-l-flex--gap-sp-pc-sm {
  gap: 3.2vw 3.2vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-sp-pc-sm {
    gap: 12px 12px;
  }
}

.hs-l-flex--gap-md {
  gap: 4.2666666667vw 0vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-md {
    gap: 20px 32px;
  }
}

.hs-l-flex--gap-pc-md {
  gap: 0vw 0vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-pc-md {
    gap: 20px 32px;
  }
}

.hs-l-flex--gap-sp-pc-lg {
  gap: 6.4vw 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-sp-pc-lg {
    gap: 24px 32px;
  }
}

.hs-l-flex--gap-xl {
  gap: 21.3333333333vw 0vw;
}
@media (min-width: 768px) {
  .hs-l-flex--gap-xl {
    gap: 96px 32px;
  }
}

.hs-l-flex--column-gap-xs {
  -webkit-column-gap: 1.0666666667vw;
     -moz-column-gap: 1.0666666667vw;
          column-gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-flex--column-gap-xs {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}

.hs-l-flex--row-gap-xs {
  row-gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-flex--row-gap-xs {
    row-gap: 4px;
  }
}

.hs-l-flex--column-gap-sm {
  -webkit-column-gap: 2.1333333333vw;
     -moz-column-gap: 2.1333333333vw;
          column-gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-flex--column-gap-sm {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.hs-l-flex--row-gap-sm {
  row-gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-flex--row-gap-sm {
    row-gap: 8px;
  }
}

.hs-l-flex--column-gap-md {
  -webkit-column-gap: 4.2666666667vw;
     -moz-column-gap: 4.2666666667vw;
          column-gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-flex--column-gap-md {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}

.hs-l-flex--row-gap-md {
  row-gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-flex--row-gap-md {
    row-gap: 16px;
  }
}

.hs-l-flex--column-gap-lg {
  -webkit-column-gap: 6.4vw;
     -moz-column-gap: 6.4vw;
          column-gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-flex--column-gap-lg {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}

.hs-l-flex--row-gap-lg {
  row-gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-flex--row-gap-lg {
    row-gap: 24px;
  }
}

.hs-l-flex--column-gap-xl {
  -webkit-column-gap: 8.5333333333vw;
     -moz-column-gap: 8.5333333333vw;
          column-gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-flex--column-gap-xl {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}

.hs-l-flex--row-gap-xl {
  row-gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-flex--row-gap-xl {
    row-gap: 32px;
  }
}

/* --------------------------------
  hs-l-float
-------------------------------- */
@media (max-width: 767.98px) {
  .hs-l-float__type--right {
    margin-bottom: 4.2666666667vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hs-l-float__type--right {
    float: right;
    margin-left: 24px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767.98px) {
  .hs-l-float__type--left {
    margin-bottom: 4.2666666667vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hs-l-float__type--left {
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
  }
}

/* --------------------------------
  hs-l-flow-grid ＞ hs--flowに移行
-------------------------------- */
.hs-l-flow-grid {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 17.0666666667vw;
     -moz-column-gap: 17.0666666667vw;
          column-gap: 17.0666666667vw;
  row-gap: 17.0666666667vw;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media (min-width: 768px) {
  .hs-l-flow-grid {
    -webkit-column-gap: 64px;
       -moz-column-gap: 64px;
            column-gap: 64px;
    row-gap: 64px;
  }
}
.hs-l-flow-grid > *:not(:last-child) {
  position: relative;
}
.hs-l-flow-grid > *:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
}
@media (max-width: 767.98px) {
  .hs-l-flow-grid > *:not(:last-child)::before {
    right: 0;
    left: 0;
    bottom: -21.3333333333vw;
    border-width: 8.5333333333vw 11.2vw 0 11.2vw;
    border-color: #bbb transparent transparent transparent;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (min-width: 768px) {
  .hs-l-flow-grid > *:not(:last-child)::before {
    top: 0;
    right: -80px;
    bottom: 0;
    border-width: 42px 0 42px 32px;
    border-color: transparent transparent transparent #bbb;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* --------------------------------
  hs-l-grid
-------------------------------- */
.hs-l-grid {
  display: grid;
  grid-template-columns: inherit;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-2 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
  .hs-l-grid.hs-l-grid--column-3 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .hs-l-grid.hs-l-grid--column-4 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.hs-l-grid.hs-l-grid--column-6 {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.hs-l-grid.hs-l-grid--column-gap-xs {
  -webkit-column-gap: 1.0666666667vw;
     -moz-column-gap: 1.0666666667vw;
          column-gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-gap-xs {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}
.hs-l-grid.hs-l-grid--row-gap-xs {
  row-gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--row-gap-xs {
    row-gap: 4px;
  }
}
.hs-l-grid.hs-l-grid--column-gap-sm {
  -webkit-column-gap: 2.1333333333vw;
     -moz-column-gap: 2.1333333333vw;
          column-gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-gap-sm {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
.hs-l-grid.hs-l-grid--row-gap-sm {
  row-gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--row-gap-sm {
    row-gap: 8px;
  }
}
.hs-l-grid.hs-l-grid--column-gap-md {
  -webkit-column-gap: 4.2666666667vw;
     -moz-column-gap: 4.2666666667vw;
          column-gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-gap-md {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
.hs-l-grid.hs-l-grid--row-gap-md {
  row-gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--row-gap-md {
    row-gap: 16px;
  }
}
.hs-l-grid.hs-l-grid--column-gap-lg {
  -webkit-column-gap: 6.4vw;
     -moz-column-gap: 6.4vw;
          column-gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-gap-lg {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
.hs-l-grid.hs-l-grid--row-gap-lg {
  row-gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--row-gap-lg {
    row-gap: 24px;
  }
}
.hs-l-grid.hs-l-grid--column-gap-xl {
  -webkit-column-gap: 8.5333333333vw;
     -moz-column-gap: 8.5333333333vw;
          column-gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-gap-xl {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
.hs-l-grid.hs-l-grid--row-gap-xl {
  row-gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--row-gap-xl {
    row-gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .hs-l-grid.hs-l-grid--row-gap-sp0 {
    row-gap: 0 !important;
  }
}
.hs-l-grid.hs-l-grid--column-footer {
  grid-template-columns: repeat(2, 1fr);
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-grid.hs-l-grid--column-footer {
    grid-template-columns: repeat(6, 1fr);
    gap: 32px;
  }
}

/*
  for safari
*/
@media (min-width: 768px) {
  _::-webkit-full-page-media, _:future, :root div:not(.hs-related-keyword) .hs-l-grid.hs-l-grid--column-3:has(> ul.u-contents li.u-contents a.hs-c-button) {
    margin: 0;
    display: -webkit-box !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px 20px !important;
    -webkit-box-align: stretch;
            align-items: stretch;
  }
}

@media (min-width: 768px) {
  _::-webkit-full-page-media, _:future, :root div:not(.hs-related-keyword) .hs-l-grid.hs-l-grid--column-3 > ul.u-contents li.u-contents a.hs-c-button {
    width: calc(33.3333333333% - 14px);
    margin: 0;
    height: auto;
  }
}

/* --------------------------------
  hs-l-spacing
-------------------------------- */
.hs-l-spacing-xs {
  margin-top: 6.4vw !important;
}
@media (min-width: 768px) {
  .hs-l-spacing-xs {
    margin-top: 24px !important;
  }
}

.hs-l-spacing-sm {
  margin-top: 12.8vw !important;
}
@media (min-width: 768px) {
  .hs-l-spacing-sm {
    margin-top: 48px !important;
  }
}

.hs-l-spacing-md {
  margin-top: 14.9333333333vw !important;
}
@media (min-width: 768px) {
  .hs-l-spacing-md {
    margin-top: 56px !important;
  }
}

.hs-l-spacing-lg {
  margin-top: 19.2vw !important;
}
@media (min-width: 768px) {
  .hs-l-spacing-lg {
    margin-top: 72px !important;
  }
}

.hs-l-spacing-xl {
  margin-top: 23.4666666667vw !important;
}
@media (min-width: 768px) {
  .hs-l-spacing-xl {
    margin-top: 88px !important;
  }
}

/* --------------------------------
  hs-l-stack
-------------------------------- */
.hs-l-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hs-l-stack.hs-l-stack--xs {
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-l-stack.hs-l-stack--xs {
    gap: 4px;
  }
}
.hs-l-stack.hs-l-stack--sm {
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-l-stack.hs-l-stack--sm {
    gap: 8px;
  }
}
.hs-l-stack.hs-l-stack--md {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-l-stack.hs-l-stack--md {
    gap: 16px;
  }
}
.hs-l-stack.hs-l-stack--lg {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-l-stack.hs-l-stack--lg {
    gap: 24px;
  }
}
.hs-l-stack.hs-l-stack--xl {
  gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-l-stack.hs-l-stack--xl {
    gap: 32px;
  }
}

/* --------------------------------
  hs-c-banner
-------------------------------- */
.hs-c-banner {
  position: relative;
  display: inline-block;
}
.hs-c-banner img {
  width: 100%;
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-banner:hover figure::before {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.hs-c-banner.hs-c-banner--white figure::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.hs-c-banner.hs-c-banner--white figcaption {
  color: #fff;
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-banner.hs-c-banner--white:hover figure::before {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) {
  .hs-c-banner.hs-c-banner--height-md figure img {
    height: 150px;
  }
}
.hs-c-banner.hs-c-banner--arrow figcaption::after {
  position: absolute;
  top: 50%;
  right: 10.6666666667vw;
  width: 3.2vw;
  height: 3.2vw;
  content: "";
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media (min-width: 768px) {
  .hs-c-banner.hs-c-banner--arrow figcaption::after {
    right: 40px;
    width: 12px;
    height: 12px;
  }
}
.hs-c-banner figure {
  position: relative;
}
.hs-c-banner figure::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hs-c-banner figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3333333333vw;
  width: 100%;
  padding: 0 5.3333333333vw;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-c-banner figcaption {
    top: 0;
    right: 0;
    bottom: 0;
    gap: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1060px;
    height: 100%;
    padding: 0 40px;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
}

/* --------------------------------
  hs-c-button-media
-------------------------------- */
.hs-c-button-media {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-right: 9.3333333333vw;
  height: 100%;
  border: 1px solid #bbb;
  background-color: #fff;
  font-size: 3.7333333333vw;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hs-c-button-media:link, .hs-c-button-media:visited {
  color: #333;
  text-decoration: none;
}
@media (hover: hover) {
  .hs-c-button-media:hover {
    color: #c02;
  }
}
@media (max-width: 767.98px) {
  .hs-c-button-media {
    min-height: 24vw;
  }
}
@media (min-width: 768px) {
  .hs-c-button-media {
    padding-right: 4em;
    font-size: 0.875rem;
    letter-spacing: initial;
  }
}
.hs-c-button-media::before {
  position: absolute;
  top: 50%;
  right: 4vw;
  width: 1.8666666667vw;
  height: 3.4666666667vw;
  content: "";
  background-image: url(/r23res/image/common/icon_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-c-button-media::before {
    right: 20px;
    width: 7px;
    height: 12px;
  }
}
.hs-c-button-media[href^="#"]::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.hs-c-button-media[target=_blank] {
  padding-right: 12vw;
}
@media (min-width: 768px) {
  .hs-c-button-media[target=_blank] {
    padding-right: 4em;
  }
}
.hs-c-button-media[target=_blank]::before {
  top: calc(50% - 0.3vw);
  width: 5.3333333333vw;
  height: 4.2666666667vw;
  background-image: url(/r23res/image/common/icon_blank.svg);
  background-size: contain;
}
@media (min-width: 768px) {
  .hs-c-button-media[target=_blank]::before {
    top: calc(50% - 1px);
    width: 20px;
    height: 16px;
  }
}
.hs-c-button-media[href$=".pdf"], .hs-c-button-media[href$="pdf.ashx?la=ja-JP"] {
  padding-right: 12vw;
}
@media (min-width: 768px) {
  .hs-c-button-media[href$=".pdf"], .hs-c-button-media[href$="pdf.ashx?la=ja-JP"] {
    padding-right: 4em;
  }
}
.hs-c-button-media[href$=".pdf"]::before, .hs-c-button-media[href$="pdf.ashx?la=ja-JP"]::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25em;
  height: 1.25em;
  background: url(/r23res/image/common/icon_pdf.svg) no-repeat 0 0;
  background-size: 1.25em auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.hs-c-button-media[href$=".zip"] {
  padding-right: 12vw;
}
@media (min-width: 768px) {
  .hs-c-button-media[href$=".zip"] {
    padding-right: 4em;
  }
}
.hs-c-button-media[href$=".zip"]::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25em;
  height: 1.25em;
  background: url(/r23res/image/common/icon_zip.svg) no-repeat 0 0;
  background-size: 1.25em auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.hs-c-button-media.hs-c-button-media--fullwidth {
  padding: 4vw 8vw 4vw 5.3333333333vw;
  width: 100%;
}
@media (min-width: 768px) {
  .hs-c-button-media.hs-c-button-media--fullwidth {
    padding: 15px 30px 15px 20px;
  }
}
.hs-c-button-media.hs-c-button-media--blue-fullwidth {
  padding: 4vw 8vw 4vw 5.3333333333vw;
  width: 100%;
  color: #0049b1;
}
@media (min-width: 768px) {
  .hs-c-button-media.hs-c-button-media--blue-fullwidth {
    padding: 15px 30px 15px 20px;
  }
}

.hs-c-button-media__imgwrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .hs-c-button-media__imgwrap {
    display: none;
  }
  .hs-c-button-media--fullwidth .hs-c-button-media__imgwrap, .hs-c-button-media--blue-fullwidth .hs-c-button-media__imgwrap {
    display: block;
  }
}
@media (min-width: 768px) {
  .hs-c-button-media__imgwrap {
    width: 96px;
  }
}
.hs-c-button-media__imgwrap img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.hs-c-button-media--fullwidth .hs-c-button-media__imgwrap, .hs-c-button-media--blue-fullwidth .hs-c-button-media__imgwrap {
  width: 18.1333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button-media--fullwidth .hs-c-button-media__imgwrap, .hs-c-button-media--blue-fullwidth .hs-c-button-media__imgwrap {
    width: 60px;
  }
}

.hs-c-button-media__body {
  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: 1.3333333333vw 0 1.3333333333vw 5.3333333333vw;
}
.hs-c-button-media--fullwidth .hs-c-button-media__body, .hs-c-button-media--blue-fullwidth .hs-c-button-media__body {
  padding: 0 0 0 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button-media__body {
    padding: 20px 10px 20px 20px;
  }
  .hs-c-button-media--fullwidth .hs-c-button-media__body, .hs-c-button-media--blue-fullwidth .hs-c-button-media__body {
    padding: 0 0 0 20px;
  }
}

/* --------------------------------
  hs-c-button
-------------------------------- */
.hs-c-button {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5.3333333333vw 9.3333333333vw 5.3333333333vw 6.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1.2;
  color: #fff;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  background-color: #333;
  border: 1px solid transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hs-c-button:link, .hs-c-button:visited {
  color: #fff;
  text-decoration: none;
}
html p a.hs-c-button:visited {
  color: #fff;
  text-decoration: none;
}

@media (min-width: 768px) {
  .hs-c-button {
    min-height: 60px;
    height: 100%;
    padding: 20px 40px 20px 25px;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-button:not([disabled]):hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-c-button::before {
  position: absolute;
  top: 50%;
  right: 2.1333333333vw;
  width: 1.8666666667vw;
  height: 3.4666666667vw;
  content: "";
  background-image: url(/r23res/image/common/icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}
@media (min-width: 768px) {
  .hs-c-button::before {
    right: 20px;
    width: 6px;
    height: 11px;
  }
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--minwidth-pc-xs {
    width: clamp(140px, 210px, 100%);
  }
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--minwidth-pc-sm {
    width: clamp(140px, 270px, 100%);
  }
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--minwidth-pc-md {
    width: clamp(140px, 332px, 100%);
  }
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--minwidth-pc-lg {
    width: clamp(140px, 514px, 100%);
  }
}
.hs-c-button.hs-c-button--none-icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--none-icon {
    padding: 20px;
  }
}
.hs-c-button.hs-c-button--none-icon::before {
  display: none;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--fullwidth-pc {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .hs-c-button.hs-c-button--fullwidth-sp {
    width: 100%;
  }
}
.hs-c-button.hs-c-button--normal {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--normal {
    padding: 20px;
  }
}
.hs-c-button.hs-c-button--normal::before {
  display: none;
}
.hs-c-button.hs-c-button--target::before, .hs-c-button[target=_blank]::before {
  top: calc(50% - 0.3vw);
  width: 5.3333333333vw;
  height: 4.2666666667vw;
  background-image: url(/r23res/image/common/icon_blank_white.svg);
  background-size: contain;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--target::before, .hs-c-button[target=_blank]::before {
    top: calc(50% - 1px);
    width: 20px;
    height: 17px;
    right: 12px;
  }
}
.hs-c-button.hs-c-button--target:not(.hs-c-button--white)::before, .hs-c-button[target=_blank]:not(.hs-c-button--white)::before {
  background-image: url(/r23res/image/common/icon_blank_white.svg);
}
.hs-c-button.hs-c-button--target.hs-c-button--white-fullwidth-sp::before, .hs-c-button.hs-c-button--target.hs-c-button--white-fullwidth-pc::before, .hs-c-button[target=_blank].hs-c-button--white-fullwidth-sp::before, .hs-c-button[target=_blank].hs-c-button--white-fullwidth-pc::before {
  background-image: url(/r23res/image/common/icon_blank.svg);
}
.hs-c-button.hs-c-button--target.hs-c-button--tab-red::before, .hs-c-button[target=_blank].hs-c-button--tab-red::before {
  background-image: url(/r23res/image/common/icon_blank.svg);
}
.hs-c-button[download]::before, .hs-c-button.hs-c-button--download::before {
  right: 1.6vw;
  width: 4.5333333333vw;
  height: 5.3333333333vw;
  background-image: url(/r23res/image/common/icon_download_white.svg);
  background-position: center;
  background-size: contain;
}
@media (min-width: 768px) {
  .hs-c-button[download]::before, .hs-c-button.hs-c-button--download::before {
    right: 20px;
    width: 17px;
    height: 20px;
  }
}
.hs-c-button[download]:not(.hs-c-button--white)::before, .hs-c-button.hs-c-button--download:not(.hs-c-button--white)::before {
  background-image: url(/r23res/image/common/icon_download_white.svg);
}
.hs-c-button.hs-c-button--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--center {
    padding: 20px;
  }
}
.hs-c-button.hs-c-button--gray {
  color: #000;
  background-color: transparent;
  border: 1px solid #bbb;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--large {
    width: 100%;
    max-width: 500px;
  }
}
.hs-c-button.hs-c-button--compare {
  padding: 5.3333333333vw 12vw;
  font-weight: bold;
  text-decoration: underline;
  border-radius: 100px;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--compare {
    padding: 20px 45px;
  }
}
.hs-c-button.hs-c-button--compare:hover {
  text-decoration: none;
}
.hs-c-button.hs-c-button--compare::before {
  display: none;
}
.hs-c-button.hs-c-button--compare.hs-c-button--compare-red {
  background-color: #c02;
}
.hs-c-button.hs-c-button--compare.hs-c-button--compare-blue {
  background-color: #2d8dcf;
}
.hs-c-button.hs-c-button--compact {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 10.6666666667vw;
  padding: 0 10.6666666667vw 0 7.4666666667vw;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--compact {
    min-height: 40px;
    padding: 0 40px 0 20px;
  }
}
.hs-c-button.hs-c-button--back {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.8666666667vw 9.3333333333vw 5.8666666667vw 9.3333333333vw;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--back {
    padding: 20px 40px 20px 40px;
  }
}
.hs-c-button.hs-c-button--back::before {
  top: 50%;
  right: inherit;
  left: 5.3333333333vw;
  -webkit-transform: rotate(180deg) translateY(60%);
          transform: rotate(180deg) translateY(60%);
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--back::before {
    left: 20px;
  }
}
.hs-c-button.hs-c-button--white {
  color: #3b4043;
  background-color: #fff;
  border: 1px solid #bbb;
}
.hs-c-button.hs-c-button--white::before {
  background-image: url(/r23res/image/common/icon_link.svg);
}
.hs-c-button.hs-c-button--white-fullwidth-sp {
  margin-top: -1px;
  padding: 4.8vw 9.3333333333vw 4.8vw 5.3333333333vw;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  font-size: 3.7333333333vw;
  color: #3b4043;
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--white-fullwidth-sp {
    padding: 20px 40px 20px 25px;
    border: 1px solid #bbb;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-button.hs-c-button--white-fullwidth-sp:not([disabled]):hover {
    color: #c02;
    text-decoration: none;
  }
}
.hs-c-button.hs-c-button--white-fullwidth-sp::before {
  background-image: url(/r23res/image/common/icon_link.svg);
}
@media (max-width: 767.98px) {
  .hs-c-button.hs-c-button--white-fullwidth-sp::before {
    right: 5.3333333333vw;
  }
}
.hs-c-button.hs-c-button--estimate {
  /*見積もり*/
  height: 60px;
  background-color: var(--base-color);
}
.hs-c-button.hs-c-button--estimate::before {
  content: "￥";
  display: inline-block;
  margin-right: 1em;
  position: initial;
  padding-top: 1px;
  width: 1.6em;
  min-width: 1.6em;
  height: 1.6em;
  background: #fff;
  background-image: none !important;
  border: none;
  border-radius: 50%;
  font-size: 1.6em;
  color: var(--base-color);
  line-height: 1.7;
  text-align: center;
  -webkit-transform: none;
          transform: none;
  font-weight: bold;
}
.hs-c-button.hs-c-button--estimate:hover {
  text-decoration: none;
}
html p a.hs-c-button--estimate:visited {
  color: #fff;
}

.hs-c-button.hs-c-button--usecase {
  /*事例*/
  height: 60px;
  background-color: var(--base-color);
}
.hs-c-button.hs-c-button--usecase::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  position: initial;
  width: 1.6em;
  min-width: 1.6em;
  height: 1.6em;
  background-image: url(/r23res/image/common/icon_usecase_circle.svg) !important;
  font-size: 1.6em;
  -webkit-transform: none;
          transform: none;
}
.hs-c-button.hs-c-button--usecase:hover {
  text-decoration: none;
}
.hs-c-button.hs-c-button--contact {
  /*問い合わせ*/
  height: 60px;
  background-color: var(--base-color);
}
.hs-c-button.hs-c-button--contact::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  position: initial;
  width: 1.6em;
  min-width: 1.6em;
  height: 1.6em;
  background-image: url(/r23res/image/common/icon_contact_circle.svg) !important;
  font-size: 1.6em;
  -webkit-transform: none;
          transform: none;
}
.hs-c-button.hs-c-button--contact:hover {
  text-decoration: none;
}
html p a.hs-c-button--contact:visited {
  color: #fff;
}

.hs-c-button.hs-c-button--estimate::after, .hs-c-button.hs-c-button--usecase::after, .hs-c-button.hs-c-button--contact::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 1px);
  right: 20px;
  width: 6px;
  height: 11px;
  background-image: url(/r23res/image/common/icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}
.hs-c-button.hs-c-button--black {
  /* 黒文字 */
}
.hs-c-button.hs-c-button--black.hs-c-button--estimate, .hs-c-button.hs-c-button--black.hs-c-button--usecase, .hs-c-button.hs-c-button--black.hs-c-button--contact {
  color: #333;
}
.hs-c-button.hs-c-button--black.hs-c-button--estimate::after, .hs-c-button.hs-c-button--black.hs-c-button--usecase::after, .hs-c-button.hs-c-button--black.hs-c-button--contact::after {
  -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%) contrast(90%);
          filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%) contrast(90%);
}
.hs-c-button.hs-c-button--black.hs-c-button--estimate::before, .hs-c-button.hs-c-button--black.hs-c-button--estimate::after {
  color: #333;
}
.hs-c-button.hs-c-button--black.hs-c-button--contact::before {
  background: #333 url(/r23res/image/common/icon_contact_circle.svg) !important;
  border-radius: 50%;
  outline: 1px solid #fff;
  outline-offset: -1px;
}
.hs-c-button.hs-c-button--black.hs-c-button--usecase::before {
  background: #333 url(/r23res/image/common/icon_usecase_circle.svg) !important;
  border-radius: 50%;
  outline: 1px solid #fff;
  outline-offset: -1px;
}
.hs-c-button.hs-c-button--red {
  background-color: #c02;
}
.hs-c-button.hs-c-button--blue {
  font-weight: bold;
  background-color: #f5f8fc;
  border: 1px solid #bbb;
  color: #3b4043;
}
.hs-c-button.hs-c-button--blue::before {
  background-image: url(/r23res/image/common/icon_link_blue.svg);
}
.hs-c-button.hs-c-button--blue::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background-color: #0049b1;
}
.hs-c-button.hs-c-button--brand {
  background-color: var(--bg-color);
  border-color: #bbb;
  color: inherit;
}
.hs-c-button.hs-c-button--brand::before {
  background-image: url(/r23res/image/common/icon_link.svg);
}
.hs-c-button.hs-c-button--brand::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background-color: var(--heading-color);
}
.hs-c-button.hs-c-button--brand-base-color {
  background-color: var(--base-color);
}
@media screen and (min-width: 768px) {
  .hs-c-button.hs-c-button--closeup {
    padding: 22px 33px 22px 22px;
    max-width: calc(33.33333% - 24px);
    min-width: 192px;
  }
}
@media screen and (min-width: 852px) {
  .hs-c-button.hs-c-button--closeup {
    min-width: 220px;
  }
}
.hs-c-button.hs-c-button--closeup[target=_blank]::before {
  position: absolute;
  top: 50%;
  right: 2.1333333333vw;
  width: 1.8666666667vw;
  height: 3.4666666667vw;
  content: "";
  background-image: url(/r23res/image/common/icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}
@media (min-width: 768px) {
  .hs-c-button.hs-c-button--closeup[target=_blank]::before {
    right: 20px;
    width: 6px;
    height: 11px;
  }
}
@media screen and (min-width: 768px) {
  .hs-c-button.hs-c-button--closeup-long-text {
    max-width: inherit;
    min-width: 220px;
  }
}
.hs-c-button:disabled {
  background-color: #c1c1c1;
}

.hs-fixed-buttons .hs-c-button[href^="/cgi-bin/"][target=_blank]::before,
.hs-contact:not(.hs-contact--over) .hs-contact__link[href^="/cgi-bin/"][target=_blank]::before,
.hs-content-footer:not(.hs-content-footer--normal) .hs-text-button-area__button[href^="/cgi-bin/"][target=_blank]::before,
.hs-fixed-buttons .hs-c-button[href^="/cgi-bin/"][target=_blank]::before,
.hs-content-footer:not(.hs-content-footer--normal) .hs-text-button-area__button[href^="/cgi-bin/"][target=_blank]::before {
  top: 50%;
  width: 1.6vw;
  height: 2.9333333333vw;
  background-image: url(/r23res/image/common/icon_link_white.svg);
  background-size: cover;
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-c-button[href^="/cgi-bin/"][target=_blank]::before,
  .hs-contact:not(.hs-contact--over) .hs-contact__link[href^="/cgi-bin/"][target=_blank]::before,
  .hs-content-footer:not(.hs-content-footer--normal) .hs-text-button-area__button[href^="/cgi-bin/"][target=_blank]::before,
  .hs-fixed-buttons .hs-c-button[href^="/cgi-bin/"][target=_blank]::before,
  .hs-content-footer:not(.hs-content-footer--normal) .hs-text-button-area__button[href^="/cgi-bin/"][target=_blank]::before {
    top: 50%;
    right: 20px;
    width: 6px;
    height: 11px;
  }
}

/* --------------------------------
  hs-c-border-box
-------------------------------- */
.hs-c-border-box {
  position: relative;
  height: 100%;
}
.hs-c-border-box.hs-c-border-box--padding-inline-sm {
  padding-left: 4.2666666667vw;
  padding-right: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-inline-sm {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-inline-md {
  padding-left: 6.4vw;
  padding-right: 6.4vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-inline-md {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-inline-lg {
  padding-left: 8.5333333333vw;
  padding-right: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-inline-lg {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-xxs {
  padding-top: 4.2666666667vw;
  padding-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-xxs {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-xs {
  padding-top: 6.4vw;
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-xs {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-sm {
  padding-top: 8.5333333333vw;
  padding-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-md {
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-lg {
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-lg {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.hs-c-border-box.hs-c-border-box--padding-block-xl {
  padding-top: 14.9333333333vw;
  padding-bottom: 14.9333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-border-box.hs-c-border-box--padding-block-xl {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.hs-c-border-box.hs-c-border-box--border-gray {
  border: 1px solid #bbb;
}
.hs-c-border-box.hs-c-border-box--border-accent {
  border: 1px solid #003cc4;
}
.hs-c-border-box.hs-c-border-box--border-warning {
  border: 1px solid #c02;
}

/* --------------------------------
  hs-c-card
-------------------------------- */
.hs-c-card {
  background-color: #fff;
  height: 100%;
}
.hs-c-card.hs-c-card--border {
  border: 1px solid #bbb;
}
.hs-c-card.hs-c-card--link {
  color: #333;
  text-decoration: none;
}
@media (hover: hover) {
  .hs-c-card.hs-c-card--link:hover {
    color: #c02;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-card.hs-c-card--link:hover .hs-c-card__img::before {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

.hs-c-card__img {
  position: relative;
}
.hs-c-card__img img {
  width: 100%;
}
.hs-c-card__img.hs-c-card__img--padding-sm {
  padding-top: 8.5333333333vw;
  padding-right: 8.5333333333vw;
  padding-left: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-c-card__img.hs-c-card__img--padding-sm {
    padding-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.hs-c-card__img.hs-c-card__img--padding-md {
  padding-top: 12.8vw;
  padding-right: 12.8vw;
  padding-left: 12.8vw;
}
@media (min-width: 768px) {
  .hs-c-card__img.hs-c-card__img--padding-md {
    padding-top: 48px;
    padding-right: 48px;
    padding-left: 48px;
  }
}
.hs-c-card__img.hs-c-card__img--padding-lg {
  padding-top: 17.0666666667vw;
  padding-right: 17.0666666667vw;
  padding-left: 17.0666666667vw;
}
@media (min-width: 768px) {
  .hs-c-card__img.hs-c-card__img--padding-lg {
    padding-top: 64px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.hs-c-card__img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.hs-c-card__body {
  padding: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-c-card__body {
    padding: 16px;
  }
}
.hs-c-card__body.hs-c-card__body--padding-inline-none {
  padding-left: 0;
  padding-right: 0;
}

/* --------------------------------
  hs-c-color-box
-------------------------------- */
.hs-c-color-box {
  position: relative;
  height: auto;
}
.hs-c-color-box.hs-c-color-box--padding-inline-sm {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-inline-sm {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-inline-md {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-inline-md {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-inline-lg {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-inline-lg {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-xxs {
  padding-top: 4.2666666667vw;
  padding-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-xxs {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-xs {
  padding-top: 6.4vw;
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-xs {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-sm {
  padding-top: 8.5333333333vw;
  padding-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-md {
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-lg {
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-lg {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.hs-c-color-box.hs-c-color-box--padding-block-xl {
  padding-top: 14.9333333333vw;
  padding-bottom: 14.9333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--padding-block-xl {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.hs-c-color-box.hs-c-color-box--height-full {
  height: 100%;
}
.hs-c-color-box.hs-c-color-box--type-gray {
  background-color: #f2f2f2;
}
.hs-c-color-box.hs-c-color-box--type-white {
  background-color: #fff;
}
.hs-c-color-box.hs-c-color-box--type-warning {
  background-color: #fceff1;
}
.hs-c-color-box.hs-c-color-box--type-transparent {
  background-color: transparent;
}
.hs-c-color-box.hs-c-color-box--type-brand {
  background-color: var(--bg-color);
}
.hs-c-color-box.hs-c-color-box--has-border {
  border-style: solid;
  border-width: 1px;
}
.hs-c-color-box.hs-c-color-box--has-border.hs-c-color-box--type-gray {
  border-color: #bbb;
}
.hs-c-color-box.hs-c-color-box--has-border.hs-c-color-box--type-white {
  border-color: #bbb;
}
.hs-c-color-box.hs-c-color-box--has-border.hs-c-color-box--type-warning {
  border-color: #c02;
}
.hs-c-color-box.hs-c-color-box--has-border.hs-c-color-box--border-color-black {
  border-color: #000;
}
.hs-c-color-box.hs-c-color-box--has-border.hs-c-color-box--border-color-brand {
  border-color: var(--base-color);
}
.hs-c-color-box.hs-c-color-box--has-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-color-box.hs-c-color-box--has-lead {
    gap: 20px;
  }
}
@media screen and (min-width: 769px) {
  .hs-c-color-box.hs-c-color-box--has-lead {
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 30px;
  }
}

/* --------------------------------
  hs-c-heading-level-1
-------------------------------- */
.hs-c-heading-level-1 {
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3333333333vw;
}
html[lang=en] .hs-c-heading-level-1, .hs-c-heading-level-1.heading-1--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 10.6666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-1 {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-1 {
    font-size: 2.25rem;
    line-height: 1.4;
    gap: 5px;
  }
  html[lang=en] .hs-c-heading-level-1, .hs-c-heading-level-1.heading-1--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 1.4642857143;
  }
}

.hs-c-heading-level-1__heading {
  line-height: 1.4;
  font-weight: bold;
}
.hs-c-heading-level-1__heading sup {
  vertical-align: baseline;
}
@media (hover: hover) {
  .hs-c-heading-level-1__link .hs-c-heading-level-1__heading {
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-heading-level-1__link .hs-c-heading-level-1__heading:hover {
    color: #b1000e;
    text-decoration-line: underline;
  }
}

.hs-c-heading-level-1__sub-heading {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-c-heading-level-1__sub-heading, .hs-c-heading-level-1__sub-heading.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-1__sub-heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-1__sub-heading {
    font-size: 1.125rem;
    line-height: 1.55;
  }
  html[lang=en] .hs-c-heading-level-1__sub-heading, .hs-c-heading-level-1__sub-heading.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}

.hs-c-heading-level-1__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-1__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
}
.hs-c-heading-level-1__link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.1333333333vw;
  margin-left: 1.8666666667vw;
  -webkit-transform: translateY(-0.5333333333vw);
          transform: translateY(-0.5333333333vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-1__link img {
    width: 0.625rem;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}
.hs-c-heading-level-1__link[target=_blank] img {
  width: 5.3333333333vw;
  -webkit-transform: translateY(-1.0666666667vw);
          transform: translateY(-1.0666666667vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-1__link[target=_blank] img {
    width: 1.5rem;
    -webkit-transform: translateY(-0.3125rem);
            transform: translateY(-0.3125rem);
  }
}

/* --------------------------------
  hs-c-heading-level-2
-------------------------------- */
.hs-c-heading-level-2 {
  font-size: 6.9333333333vw;
  font-weight: bold;
  line-height: 1.3846153846;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3333333333vw;
  position: relative;
  padding-bottom: 2.6666666667vw;
  border-bottom: 2px solid #bbb;
}
html[lang=en] .hs-c-heading-level-2, .hs-c-heading-level-2.heading-2--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 9.6vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-2 {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2 {
    font-size: 1.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    gap: 5px;
  }
  html[lang=en] .hs-c-heading-level-2, .hs-c-heading-level-2.heading-2--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 2.75rem;
    font-weight: normal;
    line-height: 1.4090909091;
  }
}
.hs-c-heading-level-2::before {
  position: absolute;
  bottom: -0.8vw;
  left: 0;
  width: 26.6666666667vw;
  height: 1.0666666667vw;
  content: "";
  background-color: var(--heading-color);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2::before {
    bottom: -3px;
    width: 100px;
    height: 4px;
  }
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2 {
    padding-bottom: 10px;
  }
}

.hs-c-heading-level-2__heading {
  line-height: 1.4;
  font-weight: bold;
}
.hs-c-heading-level-2__heading sup {
  vertical-align: baseline;
}
@media (hover: hover) {
  .hs-c-heading-level-2__link .hs-c-heading-level-2__heading {
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-heading-level-2__link .hs-c-heading-level-2__heading:hover {
    color: #b1000e;
    text-decoration-line: underline;
  }
}

/*
リンク表示
*/
html a.hs-c-heading-level-2__link:link {
  text-decoration: none;
}

.hs-c-heading-level-2__sub-heading {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
html[lang=en] .hs-c-heading-level-2__sub-heading, .hs-c-heading-level-2__sub-heading.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-2__sub-heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2__sub-heading {
    font-size: 1.125rem;
    line-height: 1.55;
  }
  html[lang=en] .hs-c-heading-level-2__sub-heading, .hs-c-heading-level-2__sub-heading.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}

.hs-c-heading-level-2__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
}
.hs-c-heading-level-2__link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.1333333333vw;
  margin-left: 1.8666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2__link img {
    width: 0.625rem;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}
.hs-c-heading-level-2__link[target=_blank] img {
  width: 5.3333333333vw;
  -webkit-transform: translateY(-0.5333333333vw);
          transform: translateY(-0.5333333333vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-2__link[target=_blank] img {
    width: 1.5rem;
    -webkit-transform: translateY(-0.1875rem);
            transform: translateY(-0.1875rem);
  }
}

/* --------------------------------
  hs-c-heading-level-3
-------------------------------- */
.hs-c-heading-level-3 {
  font-size: 5.8666666667vw;
  font-weight: bold;
  line-height: 1.3636363636;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3333333333vw;
  position: relative;
  padding-left: 1em;
  --u-indent-padding-left: 2.2em;
}
html[lang=en] .hs-c-heading-level-3, .hs-c-heading-level-3.heading-3--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.9333333333vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-3 {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-3 {
    font-size: 1.5rem;
    line-height: 1.3;
    gap: 5px;
  }
  html[lang=en] .hs-c-heading-level-3, .hs-c-heading-level-3.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}
.hs-c-heading-level-3::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 100%;
  content: "";
  background-color: var(--heading-color);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hs-c-heading-level-3 sup {
  vertical-align: baseline;
}

.hs-c-heading-level-3__heading {
  line-height: 1.3;
  font-weight: bold;
}
@media (hover: hover) {
  .hs-c-heading-level-3__link .hs-c-heading-level-3__heading {
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-heading-level-3__link .hs-c-heading-level-3__heading:hover {
    color: #b1000e;
    text-decoration-line: underline;
  }
}

/*
リンク表示
*/
html a.hs-c-heading-level-3__link:link {
  text-decoration: none;
}

.hs-c-heading-level-3__heading-image {
  width: 60px;
}
@media (max-width: 767.98px) {
  .hs-c-heading-level-3__heading-image {
    margin-right: 1.8666666667vw;
  }
}

.hs-c-heading-level-3__sub-heading {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
html[lang=en] .hs-c-heading-level-3__sub-heading, .hs-c-heading-level-3__sub-heading.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-3__sub-heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-3__sub-heading {
    font-size: 1.125rem;
    line-height: 1.55;
  }
  html[lang=en] .hs-c-heading-level-3__sub-heading, .hs-c-heading-level-3__sub-heading.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}

.hs-c-heading-level-3__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-3__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
}
.hs-c-heading-level-3__link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.1333333333vw;
  margin-left: 1.8666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-3__link img {
    width: 0.625rem;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}
.hs-c-heading-level-3__link[target=_blank] img {
  width: 5.3333333333vw;
  -webkit-transform: translateY(-1.0666666667vw);
          transform: translateY(-1.0666666667vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-3__link[target=_blank] img {
    width: 1.5rem;
    -webkit-transform: translateY(-0.1875rem);
            transform: translateY(-0.1875rem);
  }
}

/* --------------------------------
  hs-c-heading-level-4
-------------------------------- */
.hs-c-heading-level-4 {
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 1.3em;
  --u-indent-padding-left: 2.4em;
}
html[lang=en] .hs-c-heading-level-4, .hs-c-heading-level-4.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-4 {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-4 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
}
.hs-c-heading-level-4::before {
  position: absolute;
  display: block;
  top: 0.6em;
  bottom: auto;
  left: 0;
  width: 3.2vw;
  height: 0.8vw;
  content: "";
  background-color: var(--heading-color);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-4::before {
    width: 12px;
    height: 3px;
  }
}

.hs-c-heading-level-4__heading {
  line-height: 1.3;
  font-weight: bold;
}
.hs-c-heading-level-4__heading sup {
  vertical-align: baseline;
}
@media (hover: hover) {
  .hs-c-heading-level-4__link .hs-c-heading-level-4__heading {
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-heading-level-4__link .hs-c-heading-level-4__heading:hover {
    color: #b1000e;
    text-decoration-line: underline;
  }
}

/*
リンク表示
*/
html a.hs-c-heading-level-4__link:link {
  text-decoration: none;
}

.hs-c-heading-level-4__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-4__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
}
.hs-c-heading-level-4__link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.1333333333vw;
  margin-left: 1.8666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-4__link img {
    width: 0.625rem;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}
.hs-c-heading-level-4__link[target=_blank] img {
  width: 4.8vw;
  -webkit-transform: translateY(-0.5333333333vw);
          transform: translateY(-0.5333333333vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-4__link[target=_blank] img {
    width: 1.5rem;
    -webkit-transform: translateY(-0.1em);
            transform: translateY(-0.1em);
  }
}

/* --------------------------------
  hs-c-heading-level5
-------------------------------- */
.hs-c-heading-level-5 {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  position: relative;
}
html[lang=en] .hs-c-heading-level-5, .hs-c-heading-level-5.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-heading-level-5 {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-5 {
    font-size: 1.125rem;
    line-height: 1.55;
  }
  html[lang=en] .hs-c-heading-level-5, .hs-c-heading-level-5.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}

.hs-c-heading-level-5__heading {
  line-height: 1.4;
  font-weight: bold;
}
.hs-c-heading-level-5__heading sup {
  vertical-align: baseline;
}
@media (hover: hover) {
  .hs-c-heading-level-5__link .hs-c-heading-level-5__heading {
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-c-heading-level-5__link .hs-c-heading-level-5__heading:hover {
    color: #b1000e;
    text-decoration-line: underline;
  }
}

/*
リンク表示
*/
html a.hs-c-heading-level-5__link {
  text-decoration: none;
  color: inherit;
}

.hs-c-heading-level-5__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-5__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
}
.hs-c-heading-level-5__link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.1333333333vw;
  margin-left: 1.8666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-5__link img {
    width: 0.625rem;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}
.hs-c-heading-level-5__link[target=_blank] img {
  width: 4.8vw;
  -webkit-transform: translateY(-0.5333333333vw);
          transform: translateY(-0.5333333333vw);
}
@media screen and (min-width: 768px) {
  .hs-c-heading-level-5__link[target=_blank] img {
    width: 1.5rem;
    -webkit-transform: translateY(-0.1em);
            transform: translateY(-0.1em);
  }
}

/*
装飾
*/
.hs-c-heading-level-5--emphasis {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2.3em auto;
}
.hs-c-heading-level-5--emphasis h5.hs-c-heading-level-5--emphasis__heading {
  position: relative;
  min-width: 50%;
  white-space: break-spaces;
  line-height: 1.6;
}
.hs-c-heading-level-5--emphasis h5.hs-c-heading-level-5--emphasis__heading::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: calc(100% + 2em);
  max-width: 1060px;
  height: 0;
  left: -1em;
  bottom: -1em;
  padding-bottom: 0.7em;
  background-color: #fff;
  background-image: repeating-linear-gradient(-45deg, var(--base-color) 0, var(--base-color) 0.17em, #fff 0, #fff 50%);
  background-size: 0.7em 0.7em;
}

/* --------------------------------
  hs-c-horizontal-rule
-------------------------------- */
.hs-c-horizontal-rule {
  border: none;
  background-color: #bbb;
  display: block;
}
.hs-c-horizontal-rule.hs-c-horizontal-rule--1 {
  height: 1px;
}
.hs-c-horizontal-rule.hs-c-horizontal-rule--2 {
  height: 2px;
}

/* --------------------------------
  hs-c-image-block
-------------------------------- */
.hs-c-image-block {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hs-c-image-block.hs-c-image-block--center {
  margin-left: auto;
  margin-right: auto;
}
.hs-c-image-block .hs-c-image-block__container a {
  position: relative;
  display: block;
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-image-block .hs-c-image-block__container a:hover::before {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-c-image-block .hs-c-image-block__container a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* --------------------------------
  hs-c-image-expand C-001A
-------------------------------- */
.hs-c-image-zoom {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hs-c-image-zoom__image {
  position: relative;
  display: block;
  margin: auto;
}
.hs-c-image-zoom__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-image-zoom__image:hover::before {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-c-image-zoom__text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 0.5em;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media screen and (min-width: 768px) {
  .hs-c-image-zoom__text {
    font-size: 0.875rem;
  }
}

.hs-c-image-expand .hs-c-image-expand__container {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hs-c-image-expand .hs-c-image-expand__container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
.hs-c-image-expand .hs-c-image-expand__inner {
  display: inline-block;
  text-align: center;
}
.hs-c-image-expand .hs-c-image-expand__inner:hover {
  text-decoration: none !important;
}
.hs-c-image-expand .hs-c-image-expand__link {
  display: block;
  margin-top: 1.3333333333vw;
  color: #c02;
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
@media screen and (min-width: 768px) {
  .hs-c-image-expand .hs-c-image-expand__link {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    margin-top: 10px;
  }
}
.hs-c-image-expand .hs-c-image-expand__link:hover {
  text-decoration: none !important;
}

/* --------------------------------
  hs-c-vertical-rule Y-060 D-017
-------------------------------- */
.hs-c-vertical-rule {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 12.8vw;
  padding-left: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-vertical-rule {
    min-height: 4.5em;
    padding-left: 1.25em;
  }
}
.hs-c-vertical-rule.hs-c-vertical-rule--red::before {
  background-color: var(--base-color);
}
.hs-c-vertical-rule::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 3px;
  height: 100%;
  border-radius: 2px;
  background-color: #000;
}

/* --------------------------------
  hs-c-link-alert
-------------------------------- */
.hs-c-link-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4.5333333333vw 0 4.5333333333vw 10.6666666667vw;
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .hs-c-link-alert {
    padding: 15px 0 15px 55px;
  }
}
.hs-c-link-alert .hs-c-link-alert__link {
  position: relative;
  color: #1e4bbe;
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .hs-c-link-alert .hs-c-link-alert__link {
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-link-alert .hs-c-link-alert__link:hover {
    text-decoration: underline;
  }
}
.hs-c-link-alert .hs-c-link-alert__link::before {
  position: absolute;
  top: 50%;
  left: -9.3333333333vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5.8666666667vw;
  height: 5.8666666667vw;
  background-image: url(/r23res/image/common/icon_alert.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .hs-c-link-alert .hs-c-link-alert__link::before {
    left: -35px;
    width: 22px;
    height: 22px;
  }
}

/* --------------------------------
  hs-c-link-with-desc
-------------------------------- */
.hs-c-link-with-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

/*
リンク表示
*/
html a.hs-c-link-with-desc {
  text-decoration: none;
}
@media (hover: hover) {
  html a.hs-c-link-with-desc:hover .hs-c-link-with-desc_text {
    color: #c02;
    text-decoration: underline;
  }
}

.hs-c-link-with-desc_heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  flex-grow: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 14.6666666667vw;
  padding: 4vw 14.6666666667vw 2.6666666667vw 6.6666666667vw;
  color: #fff;
  background-color: #333;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-c-link-with-desc_heading, .hs-c-link-with-desc_heading.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-c-link-with-desc_heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-c-link-with-desc_heading {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
    min-height: auto;
    padding: 12px 18% 12px 35px;
  }
}
.hs-c-link-with-desc_heading::before {
  position: absolute;
  top: 50%;
  right: 4.2666666667vw;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  content: "";
  background-color: #fff;
  background-image: url(/r23res/image/common/icon_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.6vw 2.9333333333vw;
  border-radius: 4.2666666667vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .hs-c-link-with-desc_heading::before {
    right: 24px;
    width: 32px;
    height: 32px;
    background-size: 6px 11px;
  }
}

.hs-c-link-with-desc_text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #333;
  padding: 4.2666666667vw 5.3333333333vw;
  background-color: #fff;
  border: 1px solid #bbb;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (min-width: 768px) {
  .hs-c-link-with-desc_text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding: 30px 40px;
  }
}

/* --------------------------------
  hs-c-link
-------------------------------- */
.hs-c-link {
  position: relative;
  display: inline-block;
  padding-right: 5.3333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  word-break: break-all;
  /*
  * アイコン
  */
  /*
    通常リンク
  　├ 別ウィンドウ：target="_blank"
  　├ ＰＤＦ（_blankあってもpdf）：拡張子がpdf、 pdf.ashx?、指定があるとき『.hs-c-link---pdf』
  　├ Excel（_blankあってもExcel）：拡張子がxlsx、指定があるとき『.hs-c-link---xls』
  　├ zip（_blankあってもzip）：拡張子がzip、指定があるとき『.hs-c-link---zip』
  　├ アンカーリンク：href"#～"、指定があるとき『.hs-c-link--anchor』
  　└ 指定があるとき
    */
}
@media (min-width: 768px) {
  .hs-c-link {
    padding-right: 1.25em;
    letter-spacing: initial;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-link:hover {
    color: #c02;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-c-link::after {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 1.6vw;
  height: 1.3em;
  content: "";
  background-image: url(/r23res/image/common/icon_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(calc(-50% - 1px));
          transform: translateY(calc(-50% - 1px));
}
@media (min-width: 768px) {
  .hs-c-link::after {
    width: 0.375em;
    height: 1em;
  }
}
.hs-c-link.hs-c-link--hasspace {
  padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 0;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--hasspace {
    padding: 0.625em 1.25em 0.625em 0;
  }
}
.hs-c-link.hs-c-link--img {
  padding-right: 0;
}
.hs-c-link.hs-c-link--img::after {
  display: none;
}
.hs-c-link.hs-c-link--img img {
  width: 1.6vw;
  margin-left: 2.6666666667vw;
  vertical-align: unset;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--img img {
    width: auto;
    margin-left: 10px;
  }
}
.hs-c-link.hs-c-link--img.heading-2 {
  position: relative;
}
.hs-c-link.hs-c-link--img.heading-2 > img {
  width: 2.9333333333vw;
  height: 4.5333333333vw;
  margin-bottom: 0.5333333333vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--img.heading-2 > img {
    width: 15px;
    height: 24px;
    margin-bottom: 2px;
  }
}
.hs-c-link.hs-c-link--img.heading-3 > img {
  width: 1.8666666667vw;
  height: 3.7333333333vw;
  margin-bottom: 0.5333333333vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--img.heading-3 > img {
    width: 12px;
    height: 20px;
    margin-bottom: 2px;
  }
}
.hs-c-link.hs-c-link--anchor::after, .hs-c-link[href^="#"]::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
ul li.u-border-bottom .hs-c-link {
  /*アンカーリンクのリスト リンク表示*/
}
ul li.u-border-bottom .hs-c-link.hs-c-link--anchor {
  display: inline-block;
}
@media (hover: hover) {
  ul li.u-border-bottom .hs-c-link.hs-c-link--anchor:hover, ul li.u-border-bottom .hs-c-link[href^="#"]:hover {
    text-decoration: underline;
  }
}
.hs-c-link.hs-c-link--anchor.u-noevents {
  color: #999;
}
.hs-c-link.hs-c-link--anchor.u-noevents::after {
  background: none;
  -webkit-mask-image: url(/r23res/image/common/icon_link.svg);
          mask-image: url(/r23res/image/common/icon_link.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #999;
}
.hs-c-link.hs-c-link--target, .hs-c-link[target=_blank], .hs-c-link[onclick^="window.open"] {
  padding-right: 1.65em;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--target, .hs-c-link[target=_blank], .hs-c-link[onclick^="window.open"] {
    padding-right: 1.875em;
  }
}
.hs-c-link.hs-c-link--target::after, .hs-c-link[target=_blank]::after, .hs-c-link[onclick^="window.open"]::after {
  position: absolute;
  top: 0.2em;
  right: 0;
  width: clamp(10px, 1.65em, 1.65em);
  height: 1.3em;
  background-image: url(/r23res/image/common/icon_blank.svg);
  background-size: 1.2em auto;
  background-position: center;
  overflow: hidden;
  -webkit-transform: none;
          transform: none;
}
.hs-c-link.hs-c-link---pdf, .hs-c-link[href$=".pdf"], .hs-c-link[href$="pdf.ashx?la=ja-JP"] {
  padding-right: 8vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link---pdf, .hs-c-link[href$=".pdf"], .hs-c-link[href$="pdf.ashx?la=ja-JP"] {
    padding-right: 1.875em;
  }
}
.hs-c-link.hs-c-link---pdf::after, .hs-c-link[href$=".pdf"]::after, .hs-c-link[href$="pdf.ashx?la=ja-JP"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 3px;
  margin: auto;
  width: 1.25em;
  height: 1.2em;
  background: url(/r23res/image/common/icon_pdf.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-c-link.hs-c-link---pdf::after, .hs-c-link[href$=".pdf"]::after, .hs-c-link[href$="pdf.ashx?la=ja-JP"]::after {
    top: 0.25em;
    right: 0.8vw;
    width: 5.3333333333vw;
    height: 5.0666666667vw;
  }
}
.hs-c-link.hs-c-link---zip, .hs-c-link[href$=".zip"] {
  padding-right: 8vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link---zip, .hs-c-link[href$=".zip"] {
    padding-right: 1.875em;
  }
}
.hs-c-link.hs-c-link---zip::after, .hs-c-link[href$=".zip"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 3px;
  margin: auto;
  width: 1.25em;
  height: 1.2em;
  background: url(/r23res/image/common/icon_zip.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-c-link.hs-c-link---zip::after, .hs-c-link[href$=".zip"]::after {
    top: 0.25em;
    right: 0.8vw;
    width: 5.3333333333vw;
    height: 5.0666666667vw;
  }
}
.hs-c-link.hs-c-link---download::after {
  right: -2.1333333333vw;
  width: 4.5333333333vw;
  height: 5.3333333333vw;
  background-image: url(/r23res/image/common/icon_download.svg);
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .hs-c-link.hs-c-link---download::after {
    right: -0.5em;
    width: 1.0625em;
    height: 1.25em;
  }
}
.hs-c-link.hs-c-link---xls, .hs-c-link[href$=".xlsx"] {
  padding-right: 8vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link---xls, .hs-c-link[href$=".xlsx"] {
    padding-right: 1.875em;
  }
}
.hs-c-link.hs-c-link---xls::after, .hs-c-link[href$=".xlsx"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 3px;
  margin: auto;
  width: 1.25em;
  height: 1.2em;
  background: url(/r23res/image/common/icon_xls.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-c-link.hs-c-link---xls::after, .hs-c-link[href$=".xlsx"]::after {
    right: 0.8vw;
    width: 5.3333333333vw;
    height: 5.0666666667vw;
  }
}
.hs-c-link.hs-c-link--border {
  border: 1px solid #bbb;
}
.hs-c-link.hs-c-link--block {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html a.hs-c-link.hs-c-link--block {
  text-decoration: none;
}
html a.hs-c-link.hs-c-link--block:hover {
  color: #c02;
  text-decoration: underline;
}
html a.hs-c-link.hs-c-link--block.u-heading-sm, html a.hs-c-link.hs-c-link--block.u-heading-md, html a.hs-c-link.hs-c-link--block.u-heading-lg, html a.hs-c-link.hs-c-link--block.u-heading-xl {
  color: inherit;
}

.hs-c-link.hs-c-link--red {
  color: #c02 !important;
  border: 1px solid #c02 !important;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
}
@media (hover: hover) {
  .hs-c-link.hs-c-link--red:hover {
    text-decoration: none !important;
    opacity: 0.7 !important;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  }
}
.hs-c-link.hs-c-link--circlearrow {
  padding-left: 9.6vw;
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--circlearrow {
    padding-left: 2.25em;
  }
}
.hs-c-link.hs-c-link--circlearrow::after {
  position: absolute;
  top: 50%;
  left: 3px;
  width: 6.9333333333vw;
  height: 6.9333333333vw;
  content: "";
  background-image: url(/r23res/image/common/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--circlearrow::after {
    width: 1.625em;
    height: 1.625em;
  }
}
.hs-c-link.hs-c-link--icon-end:not(.hs-c-link--circlearrow, .hs-c-link--pdf, .hs-c-link--xls, .hs-c-link--zip) {
  padding-right: 0;
}
.hs-c-link.hs-c-link--icon-end:not(.hs-c-link--circlearrow, .hs-c-link--pdf, .hs-c-link--xls, .hs-c-link--zip)::after {
  position: static;
  display: inline-block;
  margin-left: 0.3em;
  -webkit-transform: translateY(0.3em);
          transform: translateY(0.3em);
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--icon-end:not(.hs-c-link--circlearrow, .hs-c-link--pdf, .hs-c-link--xls, .hs-c-link--zip)::after {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em);
  }
}
.hs-c-link.hs-c-link--icon-end[href$=".pdf"]:not(.hs-c-link---download), .hs-c-link.hs-c-link--icon-end[href$="pdf.ashx?la=ja-JP"]:not(.hs-c-link---download), .hs-c-link.hs-c-link--icon-end.hs-c-link---pdf {
  padding-right: 0;
}
.hs-c-link.hs-c-link--icon-end[href$=".pdf"]:not(.hs-c-link---download)::after, .hs-c-link.hs-c-link--icon-end[href$="pdf.ashx?la=ja-JP"]:not(.hs-c-link---download)::after, .hs-c-link.hs-c-link--icon-end.hs-c-link---pdf::after {
  position: static;
  display: inline-block;
  -webkit-transform: translate(0, 0.3rem);
          transform: translate(0, 0.3rem);
}
.hs-c-link.hs-c-link--icon-end[href$=".xlsx"]:not(.hs-c-link---download), .hs-c-link.hs-c-link--icon-end.hs-c-link---xls {
  padding-right: 0;
}
.hs-c-link.hs-c-link--icon-end[href$=".xlsx"]:not(.hs-c-link---download)::after, .hs-c-link.hs-c-link--icon-end.hs-c-link---xls::after {
  position: static;
  display: inline-block;
  -webkit-transform: translate(0, 0.3rem);
          transform: translate(0, 0.3rem);
}
.hs-c-link.hs-c-link--icon-end[href$=".zip"]:not(.hs-c-link---download), .hs-c-link.hs-c-link--icon-end.hs-c-link---zup {
  padding-right: 0;
}
.hs-c-link.hs-c-link--icon-end[href$=".zip"]:not(.hs-c-link---download)::after, .hs-c-link.hs-c-link--icon-end.hs-c-link---zup::after {
  position: static;
  display: inline-block;
  -webkit-transform: translate(0, 0.3rem);
          transform: translate(0, 0.3rem);
}
.hs-c-link.hs-c-link--icon-end[href^="#"], .hs-c-link.hs-c-link--icon-end.hs-c-link--anchor {
  padding-right: 0;
}
.hs-c-link.hs-c-link--icon-end[href^="#"]::after, .hs-c-link.hs-c-link--icon-end.hs-c-link--anchor::after {
  position: static;
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.2rem;
  -webkit-transform: translateY(0.3em) rotate(90deg);
          transform: translateY(0.3em) rotate(90deg);
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--icon-end[href^="#"]::after, .hs-c-link.hs-c-link--icon-end.hs-c-link--anchor::after {
    -webkit-transform: translateY(32%) rotate(90deg);
            transform: translateY(32%) rotate(90deg);
  }
}
.hs-c-link.hs-c-link--display-inline {
  display: inline;
  margin: 0 0.2em;
  padding: 0;
}
.hs-c-link.hs-c-link--display-inline::after {
  position: static;
  display: inline-block;
  margin: 0 0.3rem;
  -webkit-transform: translateY(0.3em);
          transform: translateY(0.3em);
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--display-inline::after {
    -webkit-transform: translateY(0.1em);
            transform: translateY(0.1em);
  }
}
@media (min-width: 768px) {
  .hs-c-link.hs-c-link--display-inline.hs-c-link--target::after, .hs-c-link.hs-c-link--display-inline.hs-c-link[target=_blank]::after, .hs-c-link.hs-c-link--display-inline.hs-c-link[onclick^="window.open"]::after {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em);
  }
}
.hs-c-link.hs-c-link--display-inline.hs-c-link--anchor::after, .hs-c-link.hs-c-link--display-inline.hs-c-link[href^="#"]::after {
  -webkit-transform: translateY(0.3em) rotate(90deg);
          transform: translateY(0.3em) rotate(90deg);
  margin: 0 0.4rem;
}

/*
リストのリンク表示下線なし、hover時に下線
*/
html ul a.hs-c-link,
html ol a.hs-c-link,
html dl a.hs-c-link {
  text-decoration: none !important;
}
@media (hover: hover) {
  html ul a.hs-c-link:hover,
  html ol a.hs-c-link:hover,
  html dl a.hs-c-link:hover {
    text-decoration: underline !important;
  }
}

/* --------------------------------
  hs-c-sns
-------------------------------- */
.hs-c-sns-xml {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 20px;
  padding: 2px 1em 2px 28px;
  background: #ff8f00;
  border-radius: 2px;
  font-size: 11px;
  line-height: 1;
  color: #fff !important;
}
.hs-c-sns-xml::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: 16px;
  height: 20px;
  background-image: url(/r23res/image/common/icon_xml.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*リンク表示*/
html a.hs-c-sns-xml {
  text-decoration: none;
}

/* --------------------------------
  hs-c-list
-------------------------------- */
/*基本のフォントサイズはu-text-md*/
.hs-c-list {
  display: grid;
  gap: 1.0666666667vw;
  font-size: 4.2666666667vw;
  line-height: 1.6875;
}
@media (min-width: 768px) {
  .hs-c-list {
    gap: 4px;
    font-size: 1rem;
  }
}

.hs-c-list.hs-c-list--dot > li {
  padding-left: 1.3em;
  position: relative;
}
.hs-c-list.hs-c-list--dot > li::before {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 0.45em;
  height: 0.45em;
  content: "";
  background-color: #333;
  border-radius: 50%;
}
.hs-c-list.hs-c-list--dot > li > .hs-c-list--dot li::before {
  position: absolute;
  top: 0.65em;
  left: 0.25em;
  width: 0.35em;
  height: 0.35em;
  content: "";
  background-color: #999;
  border-radius: 50%;
}
.hs-c-list.hs-c-list--num {
  counter-reset: count 0;
}
.hs-c-list.hs-c-list--num > li {
  position: relative;
  padding-left: 1.3em;
}
.hs-c-list.hs-c-list--num > li::before {
  position: absolute;
  top: 0;
  left: -0.2em;
  font-size: 1em;
  white-space: nowrap;
  content: counter(count) ".";
  counter-increment: count 1;
}
.hs-c-list.hs-c-list--other {
  gap: 0.8vw;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--other {
    gap: 3px;
  }
}
.hs-c-list.hs-c-list--other > li {
  position: inherit;
}
.hs-c-list.hs-c-list--other > li > span {
  margin-left: -1.3em;
  padding-right: 0.2em;
}
.hs-c-list.hs-c-list--other > li:before {
  content: none !important;
}
.hs-c-list.hs-c-list--dot-red > li::before {
  background-color: #c02;
}
.hs-c-list.hs-c-list--gap-xs {
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--gap-xs {
    gap: 4px;
  }
}
.hs-c-list.hs-c-list--gap-sm {
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--gap-sm {
    gap: 8px;
  }
}
.hs-c-list.hs-c-list--gap-md {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--gap-md {
    gap: 16px;
  }
}
.hs-c-list.hs-c-list--gap-lg {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--gap-lg {
    gap: 24px;
  }
}
.hs-c-list.hs-c-list--gap-xl {
  gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-c-list.hs-c-list--gap-xl {
    gap: 32px;
  }
}

/* --------------------------------
  グリッド内のリストの高さを揃える
*/
.hs-l-grid > ul li:has(> .hs-c-link) {
  display: grid;
  grid-template-rows: subgrid;
}
.hs-l-grid > ul li > .hs-c-link {
  display: grid !important;
  grid-template-rows: subgrid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hs-l-grid > ul li > .hs-c-link:has(> *) {
  display: inline-block !important;
  margin-top: auto;
  margin-bottom: auto;
}

/* --------------------------------
  hs-c-label
-------------------------------- */
.hs-c-label {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.0666666667vw 2.9333333333vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background-color: #707070;
}
@media screen and (min-width: 768px) {
  .hs-c-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding: 9px 16px;
    margin-top: 5px;
    font-weight: bold;
    line-height: 1;
  }
}
.hs-c-label.hs-c-label--gray {
  background-color: #707070;
}
.hs-c-label.hs-c-label--accent {
  background-color: #0049b1;
}
.hs-c-label.hs-c-label--warning {
  background-color: #c02;
}
.hs-c-label.hs-c-label--red {
  background-color: #c02;
}
.hs-c-label.hs-c-label--font-auto {
  font-size: inherit;
}

/* --------------------------------
  hs-c-modal
-------------------------------- */
.hs-c-modal__close {
  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: auto;
  width: 225px;
  height: 40px;
  background-color: #333;
  color: #fff;
  font-size: 0.875rem;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .hs-c-modal__close:hover {
    opacity: 0.7;
  }
}
@media (max-width: 767.98px) {
  .hs-c-modal__close {
    width: 100%;
    height: 12.2666666667vw;
  }
}

/* --------------------------------
  hs-c-modal-trigger
-------------------------------- */
.hs-c-modal-trigger {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #cc0022;
  border-radius: 50%;
  -webkit-transform: translate(4px, -0.125em);
          transform: translate(4px, -0.125em);
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .hs-c-modal-trigger:hover {
    opacity: 0.7;
  }
}
.hs-c-modal-trigger::before {
  position: absolute;
  display: block;
  margin: auto;
  content: "";
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}

/* --------------------------------
  hs-c-modal-youtube
-------------------------------- */
.hs-c-modal-youtube {
  display: block;
}
@media screen and (max-width: 767px) {
  .hs-c-modal-youtube {
    min-width: inherit;
  }
}
.hs-c-modal-youtube[href*="https://www.youtube.com/watch?"] {
  position: relative;
}
.hs-c-modal-youtube[href*="https://www.youtube.com/watch?"]::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 17.0666666667vw;
  height: 17.0666666667vw;
  margin: auto;
  content: "";
  background-image: url(/r23res/image/common/icon_playbutton.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .hs-c-modal-youtube[href*="https://www.youtube.com/watch?"]::after {
    width: 64px;
    height: 64px;
  }
}
.hs-c-modal-youtube[href*="https://www.youtube.com/watch?"] img {
  width: 100%;
}
.hs-c-modal-youtube:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hs-c-modal-youtube--text {
  /*タイトル・説明文：時間*/
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 5.3333333333vw 6.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  background-color: #f2f2f2;
  border: 1px solid transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (min-width: 768px) {
  .hs-c-modal-youtube--text {
    padding: 20px 25px;
    font-size: 0.875rem;
  }
}

/* --------------------------------
  hs-c-ordered-list
-------------------------------- */
.hs-c-ordered-list {
  list-style-type: number;
  display: grid;
  padding-left: 1.3em;
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list {
    gap: 4px;
  }
}
.hs-c-ordered-list > li {
  list-style: inherit;
}
.hs-c-ordered-list.hs-c-ordered-list--en {
  list-style-type: lower-alpha;
}
.hs-c-ordered-list.hs-c-ordered-list--roman {
  list-style-type: upper-roman;
}
.hs-c-ordered-list.hs-c-ordered-list--gap-xs {
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list.hs-c-ordered-list--gap-xs {
    gap: 4px;
  }
}
.hs-c-ordered-list.hs-c-ordered-list--gap-sm {
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list.hs-c-ordered-list--gap-sm {
    gap: 8px;
  }
}
.hs-c-ordered-list.hs-c-ordered-list--gap-md {
  gap: 4.2666666667vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list.hs-c-ordered-list--gap-md {
    gap: 16px;
  }
}
.hs-c-ordered-list.hs-c-ordered-list--gap-lg {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list.hs-c-ordered-list--gap-lg {
    gap: 24px;
  }
}
.hs-c-ordered-list.hs-c-ordered-list--gap-xl {
  gap: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-c-ordered-list.hs-c-ordered-list--gap-xl {
    gap: 32px;
  }
}

/* --------------------------------
  hs-c-process
-------------------------------- */
.hs-c-process__item {
  padding: 2rem;
}
.hs-c-process__item--before {
  position: relative;
  border: 1px solid #bbb;
  background: #fff;
}
.hs-c-process__item--before::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -3rem;
  right: calc(50% - 2rem);
  left: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  background: url(/r23res/image/common/icon_arrow_gray.svg) no-repeat center center;
  background-size: 4rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.hs-c-process__item--after {
  margin-top: 3rem;
  background-color: #f2f2f2;
  background-color: var(--bg-color);
}

/* --------------------------------
  hs-c-underline-list
-------------------------------- */
.hs-c-underline-list > li {
  padding-top: 5.3333333333vw;
  padding-bottom: 5.3333333333vw;
  border-bottom: 1px solid #bbb;
}
@media (min-width: 768px) {
  .hs-c-underline-list > li {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}
.hs-c-underline-list.hs-c-underline-list--dot > li {
  padding-left: 1.3em;
  position: relative;
}
.hs-c-underline-list.hs-c-underline-list--dot > li::before {
  position: absolute;
  top: 1.8em;
  left: 0;
  width: 0.45em;
  height: 0.45em;
  content: "";
  background-color: #000;
  border-radius: 50%;
}
.hs-c-underline-list.hs-c-underline-list--dot > li > .hs-c-list--dot li::before {
  position: absolute;
  top: 0.65em;
  left: 0.25em;
  width: 0.35em;
  height: 0.35em;
  content: "";
  background-color: #999;
  border-radius: 50%;
}
.hs-c-underline-list.hs-c-underline-list--no-border-last-item > li:last-child {
  border-bottom: none;
}

/* --------------------------------
  hs-c-recommend-area
-------------------------------- */
.hs-c-recommend-area {
  padding: 3.2vw 5.3333333333vw 12vw;
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .hs-c-recommend-area {
    max-width: 1100px;
    padding: 56px 60px;
    margin-right: auto;
    margin-left: auto;
  }
}

.hs-c-recommend-area__link {
  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 (min-width: 768px) {
  .hs-c-recommend-area__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (hover: hover) {
  .hs-c-recommend-area__link:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

.hs-c-recommend-area__image {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hs-c-recommend-area__image img {
    width: 100%;
  }
}

.hs-c-recommend-area__title {
  position: relative;
  display: inline-block;
  padding-right: 5.3333333333vw;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
  font-weight: bold;
  text-align: left;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
html[lang=en] .hs-c-recommend-area__title, .hs-c-recommend-area__title.caption--en, .hs-c-recommend-area__title.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-c-recommend-area__title {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media (min-width: 768px) {
  .hs-c-recommend-area__title {
    padding-right: 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
    font-weight: bold;
    letter-spacing: initial;
  }
  html[lang=en] .hs-c-recommend-area__title, .hs-c-recommend-area__title.caption--en, .hs-c-recommend-area__title.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-c-recommend-area__title:hover {
    color: #b1000e;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-c-recommend-area__title::before {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 1.6vw;
  height: 2.9333333333vw;
  content: "";
  background-image: url(/r23res/image/common/icon_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-c-recommend-area__title::before {
    width: 6px;
    height: 11px;
  }
}

.hs-c-recommend-area__text {
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.8461538462;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__text {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
  }
}

.hs-c-recommend-area__unit {
  background-color: #fff;
}
.hs-c-recommend-area__unit:first-of-type {
  width: 100%;
}
.hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__link {
  padding: 5.3333333333vw;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__link {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__image {
    width: 247px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__image {
    width: 100%;
  }
}
.hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__title {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__title {
    margin-top: 0;
  }
}
.hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__text {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__text {
    margin-top: 10px;
  }
}
.hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:first-of-type .hs-c-recommend-area__body {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:not(:first-of-type) {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .hs-c-recommend-area__unit:not(:first-of-type) {
    width: calc((100% - 32px) / 2);
  }
}
.hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__image {
  float: left;
  width: 50%;
  margin-right: 2.6666666667vw;
  margin-bottom: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__image {
    width: 117px;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__link {
  -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;
  padding: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__link {
    padding: 20px;
  }
}
.hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-c-recommend-area__unit:not(:first-of-type) .hs-c-recommend-area__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 8px;
  }
}

/* --------------------------------
  hs-c-table-wrapper
-------------------------------- */
.hs-table-block:not(.hs-table-block--flat) .hs-table-block__table {
  word-break: break-all;
  overflow-wrap: break-all;
}
@media screen and (min-width: 768px) {
  .hs-table-block.hs-table-block--pc-fixed table {
    table-layout: fixed;
  }
}
@media screen and (min-width: 768px) {
  .hs-table-block.hs-table-block--pc-fixed table th {
    white-space: normal;
  }
}
.hs-table-block.hs-table-block--dousa th,
.hs-table-block.hs-table-block--dousa td {
  padding: 2.6666666667vw 4vw;
}
@media screen and (min-width: 768px) {
  .hs-table-block.hs-table-block--dousa th,
  .hs-table-block.hs-table-block--dousa td {
    padding: 10px 15px;
  }
}
.hs-table-block.hs-table-block--transparent tbody th:not(.hs-table-block__gray) {
  background-color: transparent !important;
}
.hs-table-block sup,
.hs-table-block sub {
  padding-left: 3px;
  vertical-align: baseline;
}
@media screen and (min-width: 768px) {
  .hs-section-heading--h3 + .hs-table-block {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .hs-section-heading--h4 + .hs-table-block {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .hs-section-block-1 + .hs-table-block {
    margin-top: 30px;
  }
}
.hs-table-block .hs-table-block__container {
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__container {
    max-width: 1100px;
    margin: auto;
    overflow: auto;
  }
}
.hs-table-block .hs-table-block__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}
.hs-table-block .hs-table-block__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__image {
    max-width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table {
    width: 100%;
    margin: 0;
  }
}
.hs-table-block .hs-table-block__table thead th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .hs-table-block .hs-table-block__table thead th {
    word-break: break-all;
  }
}
.hs-table-block .hs-table-block__table th,
.hs-table-block .hs-table-block__table td {
  padding: 2.6666666667vw 5.3333333333vw;
  vertical-align: baseline;
  vertical-align: -webkit-baseline-middle;
  border-color: #bbb;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table th,
  .hs-table-block .hs-table-block__table td {
    padding: 10px 20px;
  }
}
.hs-table-block .hs-table-block__table th {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table tr + tr th {
    width: 200px;
  }
}
.hs-table-block .hs-table-block__table a:not([class^=hs-c-]) {
  color: #c02;
}
.hs-table-block .hs-table-block__table a:not([class^=hs-c-]):hover {
  text-decoration: underline;
}
.hs-table-block .hs-table-block__table a:not([class^=hs-c-]):visited {
  color: #a94657;
}
.hs-table-block .hs-table-block__table.hs-table-block__table--width-auto {
  width: auto;
}
.hs-table-block .hs-table-block__tag {
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.8461538462;
  display: inline-block !important;
  padding: 0 3.7333333333vw;
  padding-top: 1px;
  margin-bottom: 1.8666666667vw;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid #bbb;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__tag {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
    padding: 0 14px;
    margin-bottom: 7px;
    font-weight: bold;
  }
}
.hs-table-block .hs-table-block__tag + .hs-table-block__tag {
  margin-left: 5px;
}
.hs-table-block .hs-table-block__tag.hs-table-block__tag--primary {
  color: #fff;
  background-color: #2a9aa2;
  border: none;
}
.hs-table-block .hs-table-block__tag.hs-table-block__tag--secondary {
  color: #fff;
  background-color: #1d95c1;
  border: none;
}
.hs-table-block .hs-table-block__tag.hs-table-block__tag--tertiary {
  color: #fff;
  background-color: #e46c0a;
  border: none;
}
.hs-table-block .hs-table-block__tag.hs-table-block__tag--quaternary {
  color: #fff;
  background-color: #7ea62c;
  border: none;
}
.hs-table-block .hs-table-block__tag.hs-table-block__tag--quinary {
  margin-right: 5px;
  color: #fff;
  background-color: #999;
  border: none;
}
.hs-table-block .hs-table-block__tag[class^=hs-table-block__tag] {
  /*add hayashi1008*/
  vertical-align: top;
}
.hs-table-block .hs-table-block__gray {
  background: #f7f7f7 !important;
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--compression .hs-table-block__table td {
    width: 50%;
    min-width: inherit !important;
    padding: 2.6666666667vw 4vw;
  }
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--normal .hs-table-block__table td {
    min-width: inherit !important;
  }
}
.hs-table-block.hs-table-block--flat {
  /*テーブル-SPスクロール*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--flat .hs-table-block__table {
    min-width: 100% !important;
    table-layout: auto;
    width: clamp(100vw, 200vw, 1060px);
  }
  .hs-table-block.hs-table-block--flat .hs-table-block__table th, .hs-table-block.hs-table-block--flat .hs-table-block__table td {
    word-break: break-word;
  }
}
.hs-table-block.hs-table-block--vertical-stack {
  /*テーブル-SP縦積み*/
}
.hs-table-block.hs-table-block--vertical-stack .hs-table-block__table th {
  width: auto;
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table {
    width: 100%;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table tr,
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table th,
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table td {
    word-break: break-word;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table th {
    width: auto !important;
    background-color: #f2f2f2;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table th:first-child {
    border-top: none;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table tr:first-child th {
    border-top: 1px solid #bbb;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table tr:not(th) td {
    border-top: none;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table td {
    width: 100% !important;
    min-width: auto !important;
  }
  .hs-table-block.hs-table-block--vertical-stack .hs-table-block__table td:not(:first-child) {
    border-top: none;
  }
}
.hs-table-block.hs-table-block--vertical-stack-label {
  /*テーブル-縦積みlabelを使用*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table colgroup,
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table thead {
    display: none;
  }
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table tr:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table td {
    display: block;
  }
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table td:first-child {
    border-top: 1px solid #bbb !important;
  }
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table td::before {
    content: attr(data-label);
    display: block;
    margin: -2.6666666667vw -5.3333333333vw 2.6666666667vw -5.3333333333vw;
    padding: 2.6666666667vw 5.3333333333vw;
    background: #f3f3f3;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
  }
}
.hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side {
  /*2列目以降を横並び*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side .hs-table-block__table td:first-child {
    border-bottom: 1px solid #ddd;
  }
  .hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side .hs-table-block__table td:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border-bottom: 1px solid #ddd;
  }
  .hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side .hs-table-block__table td:not(:first-child) * {
    padding: 2.6666666667vw 5.3333333333vw;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40vw;
            flex: 1 0 40vw;
  }
  .hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side .hs-table-block__table td:not(:first-child)::before {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-right: 1px solid #ddd;
    border-bottom: none;
    margin: 0;
  }
  .hs-table-block.hs-table-block--vertical-stack-label.hs-table-block--vertical-stack-label--side .hs-table-block__table td:last-child {
    border-bottom: 1px solid #bbb;
  }
}
.hs-table-block.hs-table-block--vertical-stack2 {
  /*テーブル-縦積み 見出し2列*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack2 .hs-table-block--vertical-stack2__head {
    padding-left: 1.3333333333vw !important;
    margin-top: 6.4vw;
    background-color: transparent !important;
    border: none !important;
  }
}
.hs-table-block.hs-table-block--vertical-stack3 {
  /*テーブル-縦積み 見出し3列*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack3 {
    text-align: left !important;
  }
  .hs-table-block.hs-table-block--vertical-stack3 .hs-table-block--vertical-stack3__head {
    padding-left: 1.3333333333vw !important;
    background-color: transparent !important;
    border: none !important;
  }
  .hs-table-block.hs-table-block--vertical-stack3 th:nth-child(2) {
    border-bottom: none;
  }
}
.hs-table-block.hs-table-block--vertical-stack4 {
  /*テーブル-縦積み イベント用*/
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--vertical-stack4 {
    text-align: left !important;
  }
  .hs-table-block.hs-table-block--vertical-stack4 thead td,
  .hs-table-block.hs-table-block--vertical-stack4 thead th {
    display: none;
  }
  .hs-table-block.hs-table-block--vertical-stack4 tr:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
  .hs-table-block.hs-table-block--vertical-stack4 .hs-table-block--vertical-stack4__head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    background-color: #f3f3f3 !important;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #bbb !important;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td:not(:last-child) {
    border-bottom: none;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 0;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td .hs-table-block--vertical-stack4__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td .hs-table-block--vertical-stack4__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 5.3333333333vw;
  }
  .hs-table-block.hs-table-block--vertical-stack4 td .hs-table-block--vertical-stack4__tag {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 26.6666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
    font-weight: bold;
    background-color: #f3f3f3;
    border-right: 1px solid #ddd;
  }
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table thead th {
  font-weight: bold;
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table tbody tr th {
  text-align: left;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table td {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--type-default .hs-table-block__table td {
    min-width: 38.6666666667vw;
  }
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block__img {
  text-align: center;
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block--middle {
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block--middle td,
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block--middle th {
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block--dousa th:first-child {
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-default .hs-table-block__table .hs-contents-table-block--dousa td:first-child {
  font-weight: normal;
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-event .hs-table-block__table thead th {
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-event .hs-table-block__table tbody tr th {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .hs-table-block.hs-table-block--type-event .hs-table-block__table td {
    min-width: 40vw;
  }
}
.hs-table-block.hs-table-block--type-event .hs-table-block__table td:first-child, .hs-table-block.hs-table-block--type-event .hs-table-block__table td:last-child, .hs-table-block.hs-table-block--type-event .hs-table-block__table td:nth-of-type(3) {
  vertical-align: middle;
}
.hs-table-block.hs-table-block--type-event .hs-table-block__table td span {
  display: block;
}
.hs-table-block .hs-table-block__table--small td {
  padding: 0.7em 0.8em !important;
}
.hs-table-block .hs-table-block__table--small td,
.hs-table-block .hs-table-block__table--small td * {
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table--small td,
  .hs-table-block .hs-table-block__table--small td * {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
  }
}
.hs-table-block .hs-table-block__table--small th {
  padding: 0.7em 0.8em !important;
}
.hs-table-block .hs-table-block__table--small th,
.hs-table-block .hs-table-block__table--small th * {
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table--small th,
  .hs-table-block .hs-table-block__table--small th * {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
  }
}
.hs-table-block .hs-table-block__table--small-padding {
  padding: 0.7em 0.8em !important;
}
@media screen and (min-width: 768px) {
  .hs-table-block .hs-table-block__table--small-padding {
    padding: 10px !important;
  }
}
.hs-table-block .hs-contents-table-block--center {
  vertical-align: middle !important;
}
.hs-table-block .hs-contents-table-block--center td,
.hs-table-block .hs-contents-table-block--center th {
  vertical-align: middle !important;
}
.hs-table-block .hs-contents-table-block--text-center {
  text-align: center !important;
}
.hs-table-block .hs-contents-table-block--text-center td,
.hs-table-block .hs-contents-table-block--text-center th {
  text-align: center !important;
}
.hs-table-block .hs-contents-table-block--right {
  text-align: right !important;
}
.hs-table-block .hs-contents-table-block--right td,
.hs-table-block .hs-contents-table-block--right th {
  text-align: right;
}
.hs-table-block .hs-contents-table-block--middle {
  vertical-align: middle;
}
.hs-table-block .hs-contents-table-block--middle td,
.hs-table-block .hs-contents-table-block--middle th {
  vertical-align: middle;
}
.hs-table-block .hs-contents-table-block--bold {
  font-weight: bold !important;
}
.hs-table-block .hs-contents-table-block--min {
  min-width: 300px;
}
.hs-table-block .hs-contents-table-block--nowrap {
  white-space: nowrap;
}

/*サイドナビありのmax*/
.hs-side-menu__wrap .hs-table-block .hs-table-block__table {
  table-layout: fixed;
}
@media screen and (min-width: 768px) {
  .hs-side-menu__wrap .hs-table-block__container {
    max-width: 818px;
  }
}
.hs-side-menu__wrap .hs-table-block:not(.hs-table-block--flat) .hs-table-block__table {
  word-break: break-all;
  overflow-wrap: break-word;
}

/*タブ内のテーブル見出しの色を変更*/
.hs-tab-ui__body .hs-table-block th {
  /*add hayashi1008*/
  background: #ddd;
}

/* --------------------------------
  hs-c-tag
-------------------------------- */
.hs-c-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.0666666667vw 2.6666666667vw 0.8vw;
  background-color: #f0f3f5;
  border: #bbb;
  border: 1px solid #bbb;
  border-radius: 9999px;
  font-size: 2.6666666667vw;
  background-color: transparent;
  color: #333;
  border-color: #333;
}
@media (min-width: 768px) {
  .hs-c-tag {
    font-size: 0.75em;
    padding: 0.3125em 0.9375em 0.25em;
  }
}
.hs-c-tag.hs-c-tag--pink {
  background-color: #fffafc;
  color: #d81b60;
  border-color: #d81b60;
}
.hs-c-tag.hs-c-tag--orange {
  background-color: #fffbfa;
  color: #f4511e;
  border-color: #f4511e;
}
.hs-c-tag.hs-c-tag--lime {
  background-color: #f4fcf8;
  color: #10b166;
  border-color: #10b166;
}
.hs-c-tag.hs-c-tag--green {
  background-color: #f7fbf9;
  color: #0b8043;
  border-color: #0b8043;
}
.hs-c-tag.hs-c-tag--cyan {
  background-color: #f5fbfd;
  color: #039be5;
  border-color: #039be5;
}
.hs-c-tag.hs-c-tag--blue {
  background-color: #f5f6fb;
  color: #3f51b5;
  border-color: #3f51b5;
}
.hs-c-tag.hs-c-tag--purple {
  background-color: #fbf6fc;
  color: #8e24aa;
  border-color: #8e24aa;
}
.hs-c-tag.hs-c-tag--brown {
  background-color: #f9f7f7;
  color: #795548;
  border-color: #795548;
}
.hs-c-tag.hs-c-tag--brand {
  background-color: transparent;
  color: var(--base-color);
  border-color: var(--base-color);
}

/* --------------------------------
pre コード記述
-------------------------------- */
.hs-l-contents pre {
  padding: 1rem;
  background: #3e3e3e;
  color: #d8d8d8;
  font-size: 0.9375rem;
  max-height: 50vh;
}
.hs-l-contents .hs-c-text--other {
  padding-left: 1.5em;
  text-indent: -1em;
  font-size: 0.75em;
}

/* --------------------------------
  hs-accent-list-list
-------------------------------- */
.hs-accent-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.2666666667vw;
}
@media (max-width: 767.98px) {
  .hs-accent-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .hs-accent-list {
    gap: 32px;
  }
}

.hs-accent-list__text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 21.3333333333vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2.6666666667vw 2.1333333333vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 10px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .hs-accent-list__text {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
    min-width: 110px;
    padding: 20px 17px;
    line-height: 1;
  }
}
.hs-accent-list.hs-accent-list--before .hs-accent-list__text {
  background-color: #86abbc;
}
.hs-accent-list.hs-accent-list--after .hs-accent-list__text {
  background-color: #c02;
}

/* --------------------------------
  hs-accordion-item
-------------------------------- */
.hs-accordion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-size: 3.4666666667vw;
}
@media (min-width: 768px) {
  .hs-accordion-item {
    font-size: 1rem;
  }
}

.hs-accordion-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 3.4666666667vw 10.6666666667vw 3.4666666667vw 5.3333333333vw;
  border: 1px solid #bbb;
  text-align: left;
  line-height: 1.5;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-accordion-item__label, .hs-accordion-item__label.caption--en, .hs-accordion-item__label.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-accordion-item__label {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media (min-width: 768px) {
  .hs-accordion-item__label {
    padding: 10px 50px 10px 20px;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-accordion-item__label, .hs-accordion-item__label.caption--en, .hs-accordion-item__label.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
.hs-accordion-item__label::before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2.1333333333vw;
  margin-bottom: auto;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background-image: url(/r23res/image/common/icon_q.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .hs-accordion-item__label::before {
    margin-right: 15px;
    margin-bottom: 0;
    width: 2.5em;
    min-width: inherit;
    height: 2.5em;
  }
}
.hs-accordion.hs-accordion--normal .hs-accordion-item__label {
  min-height: 20vw;
}
@media screen and (min-width: 768px) {
  .hs-accordion.hs-accordion--normal .hs-accordion-item__label {
    min-height: 62px;
  }
}
.hs-accordion.hs-accordion--normal .hs-accordion-item__label::before {
  display: none;
}

.hs-accordion-item__answer {
  padding: 4.8vw 5.3333333333vw;
  background-color: #f2f2f2;
  line-height: 1.8;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
.hs-accordion--wrapped .hs-accordion-item__answer {
  padding-left: 0;
  padding-right: 0;
}
html[lang=en] .hs-accordion-item__answer, .hs-accordion-item__answer.caption--en, .hs-accordion-item__answer.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-accordion-item__answer {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media (min-width: 768px) {
  .hs-accordion-item__answer {
    padding: 20px 65px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-accordion-item__answer, .hs-accordion-item__answer.caption--en, .hs-accordion-item__answer.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
.hs-accordion-item__answer a {
  color: #1e4bbe;
}
.hs-accordion-item__answer a:hover {
  text-decoration: underline;
}

.hs-accordion-item__icon {
  position: absolute;
  top: 50%;
  right: 9.3333333333vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-accordion-item__icon {
    right: 40px;
  }
}
.hs-accordion-item__icon::before, .hs-accordion-item__icon::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #c02;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 768px) {
  .hs-accordion-item__icon::before, .hs-accordion-item__icon::after {
    width: 18px;
    height: 2px;
  }
}
.hs-accordion-item__icon::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.is-active .hs-accordion-item__icon::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

/* --------------------------------
  hs-accordion-item
-------------------------------- */
.hs-accordion.hs-accordion--normal .hs-accordion-item__question {
  min-height: 20vw;
}
@media screen and (min-width: 768px) {
  .hs-accordion.hs-accordion--normal .hs-accordion-item__question {
    min-height: 62px;
  }
}
.hs-accordion.hs-accordion--normal .hs-accordion-item__question::before {
  display: none;
}
.hs-accordion .hs-accordion__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 6.6666666667vw;
  gap: 2.6666666667vw 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-accordion .hs-accordion__list {
    margin-top: 40px;
    gap: 20px;
  }
}
.hs-accordion .hs-accordion__list:nth-of-type(1) {
  margin-top: 0;
}
.hs-accordion .hs-accordion__link {
  margin-top: 5.3333333333vw;
  text-align: right;
}
@media (min-width: 768px) {
  .hs-accordion .hs-accordion__link {
    margin-top: 30px;
  }
}
.hs-accordion .hs-accordion__update {
  margin-top: 4vw;
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .hs-accordion .hs-accordion__update {
    margin-top: 40px;
    font-size: 0.875rem;
  }
}

/* --------------------------------
  Y-070 Acrobat Reader download
-------------------------------- */
.hs-acrobat-reader__image.hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--column-2 {
  width: 158px;
  min-width: 158px;
}
.hs-acrobat-reader__image img {
  width: 158px;
}
@media (max-width: 767.98px) {
  .hs-acrobat-reader__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hs-acrobat-reader__image .hs-c-button.hs-c-button--compact {
    padding-left: 1em;
  }
  .hs-acrobat-reader__image img {
    width: inherit;
  }
}

/* --------------------------------
  hs-before-after-list
-------------------------------- */
.hs-section-arrow .hs-section-arrow__row {
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__row {
    margin-top: 30px;
  }
}
.hs-section-arrow .hs-section-arrow__row:not(.u-hidden-down-sm) + .hs-section-arrow__row {
  margin-top: 25.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__row:not(.u-hidden-down-sm) + .hs-section-arrow__row {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__row + .hs-section-arrow__row {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 32px;
  }
}
.hs-section-arrow .hs-section-arrow__left {
  position: relative;
  font-size: 5.8666666667vw;
  font-weight: bold;
  line-height: 1.3636363636;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__left, .hs-section-arrow .hs-section-arrow__left.heading-3--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.9333333333vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__left {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__left {
    font-size: 1.5rem;
    line-height: 1.3;
    width: calc((100% - 32px) / 2);
  }
  html[lang=en] .hs-section-arrow .hs-section-arrow__left, .hs-section-arrow .hs-section-arrow__left.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}
.hs-section-arrow .hs-section-arrow__left::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 5.0666666667vw;
  height: 17.0666666667vw;
  margin: auto;
  content: "";
  background-image: url(/r23res/image/common/arrow_red.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(70%);
          transform: translateY(70%);
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__left::after {
    top: 0;
    left: auto;
    width: 20px;
    height: 73px;
    -webkit-transform: translateX(130%) rotate(-90deg);
            transform: translateX(130%) rotate(-90deg);
  }
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__row:nth-of-type(1) .hs-section-arrow__left::after {
    display: none;
  }
}
.hs-section-arrow .hs-section-arrow__right {
  margin-top: 9.3333333333vw;
  font-size: 5.8666666667vw;
  font-weight: bold;
  line-height: 1.3636363636;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__right, .hs-section-arrow .hs-section-arrow__right.heading-3--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.9333333333vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__right {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__right {
    font-size: 1.5rem;
    line-height: 1.3;
    width: calc((100% - 32px) / 2);
    margin-top: 0;
  }
  html[lang=en] .hs-section-arrow .hs-section-arrow__right, .hs-section-arrow .hs-section-arrow__right.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}
.hs-section-arrow .hs-section-arrow__row:nth-of-type(1) .hs-section-arrow__right {
  color: #c02;
}
.hs-section-arrow .hs-section-arrow__list-heading {
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__list-heading, .hs-section-arrow .hs-section-arrow__list-heading.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__list-heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__list-heading {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
  }
}
.hs-section-arrow .hs-section-arrow__right .hs-section-arrow__list-heading {
  color: #c02;
}
.hs-section-arrow .hs-section-arrow__detail {
  padding: 6.6666666667vw 5.3333333333vw 6.6666666667vw;
  margin-top: 4vw;
  border: 1px solid #bbb;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding: 24px 30px;
    margin-top: 0;
  }
}
.hs-section-arrow .hs-section-arrow__detail ul {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__detail ul {
    margin-top: 5px;
  }
}
.hs-section-arrow .hs-section-arrow__detail ul li {
  position: relative;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__detail ul li, .hs-section-arrow .hs-section-arrow__detail ul li.caption--en, .hs-section-arrow .hs-section-arrow__detail ul li.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__detail ul li {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__detail ul li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-section-arrow .hs-section-arrow__detail ul li, .hs-section-arrow .hs-section-arrow__detail ul li.caption--en, .hs-section-arrow .hs-section-arrow__detail ul li.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
.hs-section-arrow .hs-section-arrow__detail ul li + li {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__detail ul li + li {
    margin-top: 0;
  }
}
.hs-section-arrow .hs-section-arrow__right .hs-section-arrow__detail {
  background-color: #fef6f6;
  border: 1px solid #c02;
}
.hs-section-arrow .hs-section-arrow__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hs-section-arrow .hs-section-arrow__tag span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 8vw;
  padding: 0.2666666667vw 4vw;
  margin-top: 2.9333333333vw;
  font-weight: bold;
  background-color: #f0f3f5;
  border: #bbb;
  border: 0.5px solid #bbb;
  border-radius: 4vw;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__tag span, .hs-section-arrow .hs-section-arrow__tag span.caption--en, .hs-section-arrow .hs-section-arrow__tag span.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-section-arrow .hs-section-arrow__tag span {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-section-arrow .hs-section-arrow__tag span {
    min-height: auto;
    padding: 5px 16px;
    margin-top: 10px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
    font-weight: bold;
  }
}

/* --------------------------------
  hs-box-lead
-------------------------------- */
.hs-box-lead {
  margin-left: -5.3333333333vw;
  padding-left: 0;
  padding: 3.2vw 8.5333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  background-color: #000;
  line-height: 1.35 !important;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-box-lead, .hs-box-lead.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-box-lead {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-box-lead {
    margin-left: -32px;
    padding: 12px 30px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 769px) {
  .hs-box-lead {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 0;
    max-width: 190px;
  }
}
.hs-box-lead.hs-box-lead--type-brand {
  background-color: var(--base-color);
}

/* --------------------------------
  hs-carousel-hero
-------------------------------- */
.hs-carousel-hero {
  position: relative;
  height: 98.6666666667vw;
  padding: 0 5.3333333333vw 0;
}
@media (min-width: 768px) {
  .hs-carousel-hero {
    height: 34vw;
    padding: 0 45px;
  }
}
@media (min-width: 1000px) {
  .hs-carousel-hero {
    height: 340px;
    padding: 0 45px;
  }
}
.hs-carousel-hero__item {
  /*基本-イメージ配置枠*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.hs-carousel-hero__item img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-carousel-hero.hs-carousel-hero--container {
  /*イメージ1100までの固定枠*/
  height: 76.8vw;
  padding: 0;
}
@media (min-width: 768px) {
  .hs-carousel-hero.hs-carousel-hero--container {
    max-width: 1100px;
    height: 456px;
    margin: 0 auto;
  }
}
.hs-carousel-hero.hs-carousel-hero--container .hs-carousel-hero__slider-item {
  height: 76.8vw !important;
}
@media (min-width: 768px) {
  .hs-carousel-hero.hs-carousel-hero--container .hs-carousel-hero__slider-item {
    height: 456px !important;
  }
}
.hs-carousel-hero .hs-carousel-hero__inner {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  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%;
  padding: 0 5.3333333333vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__inner {
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1150px;
    height: 100%;
    padding: 0 20px;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
}
@media (min-width: 1070px) and (max-width: 1170px) {
  .hs-carousel-hero .hs-carousel-hero__inner {
    padding-left: 20px;
  }
}
@media (min-width: 1170px) {
  .hs-carousel-hero .hs-carousel-hero__inner {
    padding: 0;
  }
}
.hs-carousel-hero .hs-carousel-hero__heading {
  margin-bottom: 8vw;
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  letter-spacing: 0;
}
html[lang=en] .hs-carousel-hero .hs-carousel-hero__heading, .hs-carousel-hero .hs-carousel-hero__heading.heading-1--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 10.6666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-carousel-hero .hs-carousel-hero__heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
.hs-carousel-hero .hs-carousel-hero__heading sup {
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__heading {
    margin-bottom: 30px;
    font-size: 2.25rem;
    line-height: 1.4;
  }
  html[lang=en] .hs-carousel-hero .hs-carousel-hero__heading, .hs-carousel-hero .hs-carousel-hero__heading.heading-1--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 1.4642857143;
  }
}
.hs-carousel-hero .hs-carousel-hero__lead {
  font-weight: bold;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-carousel-hero .hs-carousel-hero__lead, .hs-carousel-hero .hs-carousel-hero__lead.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-carousel-hero .hs-carousel-hero__lead {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__lead {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-carousel-hero .hs-carousel-hero__lead, .hs-carousel-hero .hs-carousel-hero__lead.caption--en, .hs-carousel-hero .hs-carousel-hero__lead.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
.hs-carousel-hero .hs-carousel-hero__slider-item--title-black .hs-carousel-hero__heading,
.hs-carousel-hero .hs-carousel-hero__slider-item--title-black .hs-carousel-hero__lead,
.hs-carousel-hero .hs-carousel-hero__item--title-black .hs-carousel-hero__heading,
.hs-carousel-hero .hs-carousel-hero__item--title-black .hs-carousel-hero__lead {
  color: #333;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}
.hs-carousel-hero .hs-carousel-hero__image-wrap {
  display: block;
  max-width: 1366px;
  height: 100%;
  margin: auto;
}
.hs-carousel-hero .hs-carousel-hero__slider {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.hs-carousel-hero .hs-carousel-hero__slider::before, .hs-carousel-hero .hs-carousel-hero__slider::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  pointer-events: none;
  content: "";
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-list > .hs-carousel-hero__slider-item:not(:first-child) {
  display: none;
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item {
  height: 98.6666666667vw;
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item__logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 1100px;
  margin: auto;
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item__logo-wrap {
  position: absolute;
  top: 5.3333333333vw;
  right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item__logo-wrap {
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item__logo-wrap img {
  -o-object-fit: contain;
     object-fit: contain;
}
.hs-carousel-hero .hs-carousel-hero__slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 6.9333333333vw;
  left: 0;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4.2666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hs-carousel-hero .hs-carousel-hero__slider .slick-dots > li > button {
  display: block;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 1.3333333333vw;
  outline: none;
  -webkit-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .hs-carousel-hero .hs-carousel-hero__slider .slick-dots > li > button:hover {
    background-color: #b1000e;
  }
}
.hs-carousel-hero .hs-carousel-hero__slider .slick-dots > li.slick-active > button {
  width: 10.9333333333vw;
  background-color: #c02;
}
@media (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__slider::after {
    height: 85px;
  }
  .hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item {
    height: 34vw;
  }
  .hs-carousel-hero .hs-carousel-hero__slider .slick-dots {
    bottom: 30px;
    gap: 0 16px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 1060px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .hs-carousel-hero .hs-carousel-hero__slider .slick-dots {
    bottom: 1.3020833333vw;
  }
}
@media (min-width: 768px) {
  .hs-carousel-hero .hs-carousel-hero__slider .slick-dots > li > button {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  .hs-carousel-hero .hs-carousel-hero__slider .slick-dots > li.slick-active > button {
    width: 41px;
  }
}
@media (min-width: 1000px) {
  .hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item {
    height: 340px !important;
  }
}

/* --------------------------------
  hs-case-card
-------------------------------- */
.hs-case-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hs-case-card {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .hs-case-card {
    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% - 32px) / 2);
  }
}
.hs-case-card .hs-case-card__top-heading {
  margin-bottom: 5.8666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-case-card .hs-case-card__top-heading {
    margin-bottom: 15px;
  }
}
.hs-case-card .hs-case-card__box {
  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-positive: 1;
          flex-grow: 1;
  padding: 4vw 5.3333333333vw 5.3333333333vw;
  border: 1px solid #bbb;
}
@media screen and (min-width: 768px) {
  .hs-case-card .hs-case-card__box {
    padding: 30px 37px 34px;
  }
}
.hs-case-card .hs-case-card__box-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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  word-break: break-all;
}
.hs-case-card .hs-case-card__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25.3333333333vw;
  min-height: 25.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-case-card .hs-case-card__image {
    width: 184px;
    min-height: auto;
    margin-right: -37px;
  }
}
@media screen and (max-width: 767px) {
  .hs-case-card .hs-case-card__image {
    display: none;
  }
}

/* --------------------------------
  hs-catalog-download
-------------------------------- */
.hs-catalog-download {
  display: grid;
  grid: "heading heading" auto "text text" auto "image pdf" -webkit-min-content "image link" 1fr/1fr clamp(42vw, 42vw, 200px);
  grid: "heading heading" auto "text text" auto "image pdf" min-content "image link" 1fr/1fr clamp(42vw, 42vw, 200px);
  gap: 4vw;
}
@media screen and (min-width: 768px) {
  .hs-catalog-download {
    grid: "image heading" auto "image text" -webkit-min-content "image pdf" 1fr "image link" auto/minmax(160px, 220px) minmax(180px, 1fr);
    grid: "image heading" auto "image text" min-content "image pdf" 1fr "image link" auto/minmax(160px, 220px) minmax(180px, 1fr);
    gap: 10px 24px;
  }
}

.hs-catalog-download__heading {
  grid-area: heading;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
html[lang=en] .hs-catalog-download__heading, .hs-catalog-download__heading.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-catalog-download__heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-catalog-download__heading {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  html[lang=en] .hs-catalog-download__heading, .hs-catalog-download__heading.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}

.hs-catalog-download__image {
  grid-area: image;
  text-align: center;
  max-height: 250px;
}
.hs-catalog-download__image.hs-catalog-download__image--border img {
  border: 1px solid #bbb;
  width: auto;
  height: auto;
  max-height: 100%;
}

.hs-catalog-download__text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  grid-area: text;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .hs-catalog-download__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-catalog-download__text, .hs-catalog-download__text.caption--en, .hs-catalog-download__text.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}

.hs-catalog-download__pdf,
.hs-catalog-download__xls {
  display: block;
  grid-area: pdf;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .hs-catalog-download__pdf,
  .hs-catalog-download__xls {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
  }
}

.hs-catalog-download__xls {
  grid-area: xls;
}

.hs-catalog-download__link {
  grid-area: link;
}
@media screen and (min-width: 768px) {
  .hs-catalog-download__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .hs-catalog-download__link .hs-c-button.hs-c-button--compact {
    height: auto;
  }
}

/* --------------------------------
  もっと知る
-------------------------------- */
.hs-content-footer {
  padding: 23.4666666667vw 5.3333333333vw 20.8vw;
  background-image: url(/r23res/image/products/closeup_bg_sm.jpg);
  background-size: cover;
  /*カラーマスクをのせる*/
  background-color: var(--bg-color);
  background-blend-mode: multiply;
}
@media (min-width: 1100px) {
  .hs-content-footer {
    padding: 80px 0 94px;
  }
}
@media screen and (min-width: 768px) {
  .hs-content-footer {
    padding: 80px 20px 94px;
    background-image: url(/r23res/image/products/closeup_bg_lg.jpg);
  }
}
.hs-content-footer.hs-content-footer--title-white h2 {
  color: #fff;
}
.hs-content-footer.hs-content-footer--normal {
  padding-bottom: 0;
  background-color: transparent;
}

.hs-content-footer__container {
  width: 100%;
  position: inherit;
}
@media (min-width: 768px) {
  .hs-content-footer__container {
    margin: 0 auto;
    max-width: 1060px;
  }
}

/* --------------------------------
  hs-cta-banner-item
-------------------------------- */
@media (max-width: 767.98px) {
  .hs-cta-banner-item {
    width: calc(50% - 2.2666666667vw);
  }
  .hs-cta-banner-item:nth-child(odd):last-child {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hs-cta-banner-item {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .hs-cta-banner-item {
    width: calc(33.3333333333% - 21.3333333333px);
  }
}

/* --------------------------------
  hs-cta-banner
-------------------------------- */
.hs-cta-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 4.5333333333vw;
}
@media (min-width: 768px) {
  .hs-cta-banner {
    gap: 32px;
  }
}

/* --------------------------------
  hs-feature-item
-------------------------------- */
.hs-feature-item__heading {
  padding-top: 4.2666666667vw;
  padding-bottom: 4.2666666667vw;
  background-color: #f2f2f2;
  border: 1px solid #bbb;
  border-bottom: none;
}
@media (min-width: 768px) {
  .hs-feature-item__heading {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.hs-feature-item__heading.hs-feature-item__heading--padding-inline-sm {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__heading.hs-feature-item__heading--padding-inline-sm {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.hs-feature-item__heading.hs-feature-item__heading--padding-inline-md {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__heading.hs-feature-item__heading--padding-inline-md {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.hs-feature-item__heading.hs-feature-item__heading--padding-inline-lg {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__heading.hs-feature-item__heading--padding-inline-lg {
    padding-left: 64px;
    padding-right: 64px;
  }
}

.hs-feature-item__box {
  border: 1px solid #bbb;
}
.hs-feature-item__box.hs-feature-item__box--padding-inline-sm {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-inline-sm {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-inline-md {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-inline-md {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-inline-lg {
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-inline-lg {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-block-xs {
  padding-top: 6.4vw;
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-block-xs {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-block-sm {
  padding-top: 8.5333333333vw;
  padding-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-block-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-block-md {
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-block-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-block-lg {
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-block-lg {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.hs-feature-item__box.hs-feature-item__box--padding-block-xl {
  padding-top: 14.9333333333vw;
  padding-bottom: 14.9333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-feature-item__box.hs-feature-item__box--padding-block-xl {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}

/* --------------------------------
  hs-feature-icon
-------------------------------- */
.hs-feature-icon {
  position: relative;
  width: 23.4666666667vw;
  height: 23.4666666667vw;
}
@media (min-width: 768px) {
  .hs-feature-icon {
    width: 128px;
    height: 128px;
  }
}
.hs-feature-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #bbbbbb;
}
.hs-feature-icon--aisystem::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-aisystem.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-aisystem.svg);
}
.hs-feature-icon--announce::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-announce.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-announce.svg);
}
.hs-feature-icon--antenna::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-antenna.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-antenna.svg);
}
.hs-feature-icon--badge::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-badge.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-badge.svg);
}
.hs-feature-icon--bcp::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-bcp.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-bcp.svg);
}
.hs-feature-icon--bridge::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-bridge.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-bridge.svg);
}
.hs-feature-icon--building::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-building.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-building.svg);
}
.hs-feature-icon--calendar::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-calendar.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-calendar.svg);
}
.hs-feature-icon--card::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-card.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-card.svg);
}
.hs-feature-icon--check::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-check.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-check.svg);
}
.hs-feature-icon--clock::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-clock.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-clock.svg);
}
.hs-feature-icon--cloud::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-cloud.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-cloud.svg);
}
.hs-feature-icon--cloudup::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-cloudup.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-cloudup.svg);
}
.hs-feature-icon--comment::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-comment.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-comment.svg);
}
.hs-feature-icon--data::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-data.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-data.svg);
}
.hs-feature-icon--detail::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-detail.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-detail.svg);
}
.hs-feature-icon--document::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-document.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-document.svg);
}
.hs-feature-icon--education::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-education.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-education.svg);
}
.hs-feature-icon--eye::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-eye.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-eye.svg);
}
.hs-feature-icon--factory::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-factory.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-factory.svg);
}
.hs-feature-icon--folder::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-folder.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-folder.svg);
}
.hs-feature-icon--geo::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-geo.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-geo.svg);
}
.hs-feature-icon--good::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-good.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-good.svg);
}
.hs-feature-icon--group::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-group.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-group.svg);
}
.hs-feature-icon--growth::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-growth.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-growth.svg);
}
.hs-feature-icon--hands::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-hands.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-hands.svg);
}
.hs-feature-icon--human::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-human.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-human.svg);
}
.hs-feature-icon--info::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-info.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-info.svg);
}
.hs-feature-icon--light::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-light.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-light.svg);
}
.hs-feature-icon--logistics::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-logistics.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-logistics.svg);
}
.hs-feature-icon--management::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-management.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-management.svg);
}
.hs-feature-icon--medicine::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-medicine.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-medicine.svg);
}
.hs-feature-icon--memo::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-memo.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-memo.svg);
}
.hs-feature-icon--middleware::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-middleware.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-middleware.svg);
}
.hs-feature-icon--money::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-money.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-money.svg);
}
.hs-feature-icon--net::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-net.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-net.svg);
}
.hs-feature-icon--netgroup::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-netgroup.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-netgroup.svg);
}
.hs-feature-icon--pc::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-pc.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-pc.svg);
}
.hs-feature-icon--performance::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-performance.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-performance.svg);
}
.hs-feature-icon--plus--lightgray::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-plus--lightgray.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-plus--lightgray.svg);
}
.hs-feature-icon--plus--red::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-plus--red.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-plus--red.svg);
}
.hs-feature-icon--report::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-report.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-report.svg);
}
.hs-feature-icon--rpa::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-rpa.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-rpa.svg);
}
.hs-feature-icon--screen::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-screen.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-screen.svg);
}
.hs-feature-icon--search::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-search.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-search.svg);
}
.hs-feature-icon--security::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-security.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-security.svg);
}
.hs-feature-icon--service::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-service.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-service.svg);
}
.hs-feature-icon--source::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-source.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-source.svg);
}
.hs-feature-icon--sp::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-sp.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-sp.svg);
}
.hs-feature-icon--subscription::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-subscription.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-subscription.svg);
}
.hs-feature-icon--synergy::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-synergy.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-synergy.svg);
}
.hs-feature-icon--target::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-target.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-target.svg);
}
.hs-feature-icon--team::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-team.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-team.svg);
}
.hs-feature-icon--utility::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-utility.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-utility.svg);
}
.hs-feature-icon--vr::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-vr.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-vr.svg);
}
.hs-feature-icon--wan::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-wan.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-wan.svg);
}
.hs-feature-icon--coin::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-coin.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-coin.svg);
}
.hs-feature-icon--wallet::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-wallet.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-wallet.svg);
}
.hs-feature-icon--pricedown::before {
  -webkit-mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-pricedown.svg);
          mask-image: url(/-/media/Project/DefaultSite/Products/common/icon-mark-pricedown.svg);
}

/* --------------------------------
  hs-filter-trigger
-------------------------------- */
#filter-search {
  margin-top: -24vw;
  padding-top: 24vw;
}
@media (min-width: 768px) {
  #filter-search {
    margin-top: -100px;
    padding-top: 100px;
  }
}

[data-filter-target] {
  display: contents;
}
[data-filter-target][aria-hidden=true] {
  display: none;
}

.hs-filter-trigger__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.8666666667vw 2.4vw;
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .hs-filter-trigger__list {
    gap: 10px 8px;
    margin-top: 25px;
  }
}

.hs-filter-trigger__item[data-filter-trigger] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 1.0666666667vw 3.4666666667vw 1.0666666667vw 9.0666666667vw;
  border-radius: 5.3333333333vw;
  border: 1px solid #bbbbbb;
  background-color: #fff;
  font-size: 3.2vw;
  color: #333;
}
@media (min-width: 768px) {
  .hs-filter-trigger__item[data-filter-trigger] {
    padding: 5px 13px 4px 34px;
    border-radius: 20px;
    font-size: 0.75rem;
  }
}
.hs-filter-trigger__item[data-filter-trigger]::before {
  position: absolute;
  display: block;
  margin: auto;
  content: "";
  left: 3.2vw;
  top: 0;
  bottom: 0;
  width: 4.8vw;
  height: 4.8vw;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
  background-color: #f4f4f4;
}
@media (min-width: 768px) {
  .hs-filter-trigger__item[data-filter-trigger]::before {
    left: 12px;
    width: 18px;
    height: 18px;
  }
}
.hs-filter-trigger__item[data-filter-trigger][aria-expanded=true] {
  background-color: transparent;
  border-color: #333;
}
.hs-filter-trigger__item[data-filter-trigger][aria-expanded=true]::before {
  background: #333 url(/r23res/image/common/icon_check_white.svg) no-repeat center center/2.4vw auto;
  border-color: #333;
}
@media (min-width: 768px) {
  .hs-filter-trigger__item[data-filter-trigger][aria-expanded=true]::before {
    background-size: 9px auto;
  }
}
@media (hover: hover) {
  .hs-filter-trigger__item[data-filter-trigger]:hover {
    opacity: 0.7;
  }
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--all {
  background-color: #e6e6e6;
  color: #333;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--pink {
  color: #d81b60;
  background-color: #fffafc;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--pink[aria-expanded=true] {
  border-color: #d81b60;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--pink[aria-expanded=true]::before {
  background-color: #d81b60;
  border-color: #d81b60;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--orange {
  color: #f4511e;
  background-color: #fffbfa;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--orange[aria-expanded=true] {
  border-color: #f4511e;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--orange[aria-expanded=true]::before {
  background-color: #f4511e;
  border-color: #f4511e;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--lime {
  color: #10b166;
  background-color: #f4fcf8;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--lime[aria-expanded=true] {
  border-color: #10b166;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--lime[aria-expanded=true]::before {
  background-color: #10b166;
  border-color: #10b166;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--green {
  color: #0b8043;
  background-color: #f7fbf9;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--green[aria-expanded=true] {
  border-color: #0b8043;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--green[aria-expanded=true]::before {
  background-color: #0b8043;
  border-color: #0b8043;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--cyan {
  color: #039be5;
  background-color: #f5fbfd;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--cyan[aria-expanded=true] {
  border-color: #039be5;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--cyan[aria-expanded=true]::before {
  background-color: #039be5;
  border-color: #039be5;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--blue {
  color: #3f51b5;
  background-color: #f5f6fb;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--blue[aria-expanded=true] {
  border-color: #3f51b5;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--blue[aria-expanded=true]::before {
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--purple {
  color: #8e24aa;
  background-color: #fbf6fc;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--purple[aria-expanded=true] {
  border-color: #8e24aa;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--purple[aria-expanded=true]::before {
  background-color: #8e24aa;
  border-color: #8e24aa;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brown {
  color: #795548;
  background-color: #f9f7f7;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brown[aria-expanded=true] {
  border-color: #795548;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brown[aria-expanded=true]::before {
  background-color: #795548;
  border-color: #795548;
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brand {
  color: var(--base-color);
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brand[aria-expanded=true] {
  background-color: var(--bg-color);
  border-color: var(--base-color);
}
.hs-filter-trigger__item[data-filter-trigger].hs-filter-trigger__item--brand[aria-expanded=true]::before {
  background-color: var(--base-color);
  border-color: var(--base-color);
}

/* 複数タグULを並べるときはH5を見出しとして差し込む
  ULの上部マージンの調整
*/
.hs-c-heading-level-5 + .hs-filter-trigger .hs-filter-trigger__list {
  margin-top: 0.5rem;
}

/* --------------------------------
  hs-floating-cta
-------------------------------- */
.hs-fixed-buttons {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.8s;
  transition: opacity 0.3s, -webkit-transform 0.8s;
  transition: opacity 0.3s, transform 0.8s;
  transition: opacity 0.3s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
}
.hs-fixed-buttons.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.hs-fixed-buttons.is-show .hs-fixed-buttons__totop {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.hs-fixed-buttons .hs-fixed-buttons__totop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 5.3333333333vw;
  padding-bottom: 4.8vw;
  max-width: 100%;
  z-index: 9998;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-fixed-buttons__totop {
    padding-right: 17px;
    padding-bottom: 14px;
  }
}
.hs-fixed-buttons .hs-fixed-buttons__totop a {
  position: relative;
  width: 52px;
  height: 52px;
  background: #666;
  border-radius: 50%;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  pointer-events: auto;
}
.hs-fixed-buttons .hs-fixed-buttons__totop a::after {
  content: "";
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0.4em;
  bottom: 0;
  width: 1em;
  height: 1em;
  border-left: solid 2px #ddd;
  border-top: solid 2px #ddd;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
  .hs-fixed-buttons .hs-fixed-buttons__totop a:hover {
    opacity: 0.7;
  }
}
.hs-fixed-buttons .hs-fixed-buttons__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.3333333333vw;
  background-color: var(--bg-color);
  -webkit-box-shadow: rgba(0, 0, 0, 0.14) 6px 0 9px;
          box-shadow: rgba(0, 0, 0, 0.14) 6px 0 9px;
  border-top: 1px solid #d7d7d7;
  pointer-events: auto;
}
@media (max-height: 428px) {
  .hs-fixed-buttons .hs-fixed-buttons__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-fixed-buttons__container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 15px;
    padding: 10px;
    border-top: 2px solid #d7d7d7;
  }
}
.hs-fixed-buttons .hs-fixed-buttons__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  width: 100%;
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-fixed-buttons__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    width: auto;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: clamp(50% - 7px, 50% - 7px, 100%);
  }
}
@media (max-height: 428px) {
  .hs-fixed-buttons .hs-fixed-buttons__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    width: 100%;
  }
  .hs-fixed-buttons .hs-fixed-buttons__wrap .hs-c-button {
    width: calc(50% - 1.3333333333vw);
  }
}
@media screen and (max-width: 960px) {
  .hs-fixed-buttons .hs-fixed-buttons__wrap {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hs-fixed-buttons .hs-fixed-buttons__wrap .hs-c-button {
    min-width: calc(50% - 7px);
  }
}
@media (max-height: 428px) and (min-width: 960px) {
  .hs-fixed-buttons .hs-fixed-buttons__wrap {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .hs-fixed-buttons.hs-fixed-buttons--col2 .hs-c-button {
    min-width: calc(33.3333333333% - 7px);
  }
}
.hs-fixed-buttons .hs-c-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 43.4666666667vw;
  min-width: auto;
  min-height: 10.6666666667vw;
  padding: 0 2.1333333333vw 0 9.3333333333vw;
  background-color: var(--base-color);
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.8461538462;
  line-height: 1;
}
@media (max-height: 428px) {
  .hs-fixed-buttons .hs-c-button {
    width: calc(33.3333333333% - 1.3333333333vw);
    min-width: auto;
    min-height: 40px;
    font-size: 14px;
    padding: 0 5px 0 30px;
  }
  .hs-fixed-buttons .hs-c-button::before {
    display: none;
  }
  .hs-fixed-buttons .hs-c-button::after {
    width: 16px !important;
    height: 16px !important;
  }
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-c-button {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    width: auto;
    min-width: 220px;
    min-height: 54px;
    padding: 15px 45px 14px 45px;
    line-height: 1;
  }
}
@media screen and (max-width: 960px) {
  .hs-fixed-buttons .hs-c-button {
    min-width: calc(33.3333333333% - 7px);
  }
}
@media (max-height: 428px) and (min-width: 960px) {
  .hs-fixed-buttons .hs-c-button {
    width: auto !important;
    min-width: 220px;
  }
}
.hs-fixed-buttons .hs-c-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2.1333333333vw;
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-c-button::after {
    left: 15px;
    width: 24px;
    height: 24px;
  }
}
.hs-fixed-buttons .hs-c-button::before {
  display: none;
}
@media (min-width: 768px) {
  .hs-fixed-buttons .hs-c-button::before {
    display: block;
  }
}
.hs-fixed-buttons .hs-c-button[target=_blank]::before {
  right: 20px;
  width: 6px;
  height: 11px;
  background-image: url(/r23res/image/common/icon_arrow_white.svg);
}
.hs-fixed-buttons .hs-c-button strong {
  color: #fff;
}
.hs-fixed-buttons .hs-c-button.hs-fixed-button--contact:after {
  background-image: url(/r23res/image/common/icon_cta_contact.svg);
}
.hs-fixed-buttons .hs-c-button.hs-fixed-button--download:after {
  background-image: url(/r23res/image/common/icon_cta_download.svg);
}
.hs-fixed-buttons .hs-c-button.hs-fixed-button--trial:after {
  background-image: url(/r23res/image/common/icon_cta_trial.svg);
}
.hs-fixed-buttons .hs-c-button.hs-fixed-button--usecase:after {
  background-image: url(/r23res/image/common/icon_cta_usecase.svg);
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button {
  /* 黒文字 */
  color: #333;
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button strong {
  color: #333;
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button::before {
  /* ＞矢印 */
  -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%);
          filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%);
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button.hs-fixed-button--contact::after {
  background-image: none !important;
  background-color: #333;
  -webkit-mask-image: url(/r23res/image/common/icon_cta_contact.svg);
          mask-image: url(/r23res/image/common/icon_cta_contact.svg);
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button.hs-fixed-button--download::after {
  background-image: none !important;
  background-color: #333;
  -webkit-mask-image: url(/r23res/image/common/icon_cta_download.svg);
          mask-image: url(/r23res/image/common/icon_cta_download.svg);
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button.hs-fixed-button--trial::after {
  background-image: none !important;
  background-color: #333;
  -webkit-mask-image: url(/r23res/image/common/icon_cta_trial.svg);
          mask-image: url(/r23res/image/common/icon_cta_trial.svg);
}
.hs-fixed-buttons.hs-fixed-buttons--title-black .hs-fixed-button.hs-fixed-button--usecase::after {
  background-image: none !important;
  background-color: #333;
  -webkit-mask-image: url(/r23res/image/common/icon_cta_usecase.svg);
          mask-image: url(/r23res/image/common/icon_cta_usecase.svg);
}

/* --------------------------------
  hs-flow-item Y-031,Y-031A
-------------------------------- */
.hs-flow-item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-flow-item__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 32px;
  }
}
.hs-flow-item__wrap > li {
  position: relative;
}
@media screen and (max-width: 767px) {
  .hs-flow-item__wrap > li:not(:last-child) .hs-flow-item__text::before {
    content: "";
    position: absolute;
    bottom: -6.4vw;
    left: 50%;
    width: 9.6vw;
    height: 9.6vw;
    background: url(/r23res/image/common/icon_arrow_gray.svg) no-repeat center center;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 768px) {
  .hs-flow-item__wrap > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
  }
  .hs-flow-item__wrap > li:not(:last-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -24px;
    width: 36px;
    height: 36px;
    background: url(/r23res/image/common/icon_arrow_gray.svg) no-repeat center center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.hs-flow-item__wrap > li:nth-of-type(1) .hs-flow-item--step .hs-flow-item__heading::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/62CF08E3EA8645FEB26A585AE8028AE3.ashx);
}
.hs-flow-item__wrap > li:nth-of-type(2) .hs-flow-item--step .hs-flow-item__heading::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/7B2FAE4BD05B4CE69A1FBC465B455537.ashx);
}
.hs-flow-item__wrap > li:nth-of-type(3) .hs-flow-item--step .hs-flow-item__heading::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/471B5AC815804D3EBC2AA50834B0DA94.ashx);
}
.hs-flow-item__wrap > li:nth-of-type(4) .hs-flow-item--step .hs-flow-item__heading::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/3B16FA37E92E4E87841B65E876BBF704.ashx);
}

.hs-flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  border: 1px solid #bbb;
}
.hs-flow-item.hs-flow-item--step .hs-flow-item__heading {
  padding-left: 16vw;
  min-height: 4em;
}
@media screen and (min-width: 768px) {
  .hs-flow-item.hs-flow-item--step .hs-flow-item__heading {
    padding-left: 3.2em;
  }
}
.hs-flow-item.hs-flow-item--step .hs-flow-item__heading::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.8em;
  width: 2.5rem;
  height: 2.5rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.hs-flow-item .hs-flow-item__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.6666666667vw;
  background-color: #707f89;
  text-align: center;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
html[lang=en] .hs-flow-item .hs-flow-item__heading, .hs-flow-item .hs-flow-item__heading.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-flow-item .hs-flow-item__heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-flow-item .hs-flow-item__heading {
    padding: 10px;
    font-size: 1.125rem;
    line-height: 1.55;
    line-height: 1.35;
  }
  html[lang=en] .hs-flow-item .hs-flow-item__heading, .hs-flow-item .hs-flow-item__heading.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}
.hs-flow-item .hs-flow-item__text {
  position: relative;
  padding: 5.3333333333vw 8vw;
  height: 100%;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-flow-item .hs-flow-item__text, .hs-flow-item .hs-flow-item__text.caption--en, .hs-flow-item .hs-flow-item__text.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-flow-item .hs-flow-item__text {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-flow-item .hs-flow-item__text {
    padding: 20px 30px;
    height: calc(100% - 76px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
  html[lang=en] .hs-flow-item .hs-flow-item__text, .hs-flow-item .hs-flow-item__text.caption--en, .hs-flow-item .hs-flow-item__text.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}

/* --------------------------------
  hs-flow
-------------------------------- */
.hs-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 3rem;
}
@media (min-width: 768px) {
  .hs-flow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 2rem;
  }
}
.hs-flow__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
}
.hs-flow__item:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  right: 50%;
  width: 3rem;
  height: 3rem;
  background: url(/r23res/image/common/icon_arrow_gray.svg) no-repeat center center;
  background-size: 3rem;
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
  z-index: 1;
}
@media (min-width: 768px) {
  .hs-flow__item:not(:last-child)::before {
    top: 50%;
    bottom: 50%;
    left: auto;
    right: -1.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(/r23res/image/common/icon_arrow_gray.svg) no-repeat center center;
    background-size: 2.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/* --------------------------------
  hs-main-visual
-------------------------------- */
.hs-main-visual {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
@media (min-width: 768px) {
  .hs-main-visual {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.hs-main-visual.hs-main-visual--color-black {
  color: #000;
}
.hs-main-visual.hs-main-visual--none {
  color: #000;
}
html a.hs-main-visual {
  text-decoration: none;
}

.hs-main-visual__heading {
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
}
html[lang=en] .hs-main-visual__heading, .hs-main-visual__heading.heading-1--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 10.6666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-main-visual__heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-main-visual__heading {
    font-size: 2.25rem;
    line-height: 1.4;
  }
  html[lang=en] .hs-main-visual__heading, .hs-main-visual__heading.heading-1--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 1.4642857143;
  }
}
.hs-main-visual__heading a {
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hs-main-visual__heading a::before {
  position: absolute;
}
.hs-main-visual__heading a:link {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .hs-main-visual__heading a:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-main-visual.hs-main-visual--small .hs-main-visual__heading {
  font-size: 5.8666666667vw;
  font-weight: bold;
  line-height: 1.3636363636;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-main-visual.hs-main-visual--small .hs-main-visual__heading, .hs-main-visual.hs-main-visual--small .hs-main-visual__heading.heading-3--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.9333333333vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-main-visual.hs-main-visual--small .hs-main-visual__heading {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-main-visual.hs-main-visual--small .hs-main-visual__heading {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  html[lang=en] .hs-main-visual.hs-main-visual--small .hs-main-visual__heading, .hs-main-visual.hs-main-visual--small .hs-main-visual__heading.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}

.hs-main-visual__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 21.3333333333vw 5.3333333333vw 24vw;
  width: 100%;
  height: 98.6666666667vw;
}
.hs-main-visual__container--toplink {
  /*配下ページでH1商品名にトップへのリンクを入れる*/
  height: revert-layer;
}
.hs-main-visual__container--toplink a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hs-main-visual.hs-main-visual--small .hs-main-visual__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 5.3333333333vw;
  height: 35.2vw;
}
@media screen and (min-width: 768px) {
  .hs-main-visual.hs-main-visual--small .hs-main-visual__container {
    padding: 0 20px;
    height: 96px;
  }
}
@media (min-width: 768px) {
  .hs-main-visual__container {
    padding: 110px 20px 125px;
    max-width: 1100px;
    height: 400px;
  }
  .hs-main-visual.hs-main-visual--header:not(.hs-main-visual.hs-main-visual--small) .hs-main-visual__container {
    height: 34vw;
  }
}
@media (min-width: 1000px) {
  .hs-main-visual.hs-main-visual--header:not(.hs-main-visual.hs-main-visual--small) .hs-main-visual__container {
    height: 340px;
  }
}

.hs-main-visual__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
}

.hs-main-visual__logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.hs-main-visual__text {
  margin-top: 4vw;
  font-size: 3.7333333333vw;
  font-weight: bold;
}
.hs-main-visual.hs-main-visual--small .hs-main-visual__text {
  display: none;
}
@media (min-width: 768px) {
  .hs-main-visual__text {
    margin-top: 25px;
    letter-spacing: 1px;
    font-size: 1.125rem;
    line-height: 1.95;
  }
}

/* --------------------------------
  hs-point-card Y-049
-------------------------------- */
.hs-pointcard__wrap {
  display: grid;
  gap: 3rem;
}
@media screen and (min-width: 768px) {
  .hs-pointcard__wrap {
    grid-template-columns: repeat(auto-fit, minmax(241px, 1fr));
    gap: 0 2rem;
  }
}
.hs-pointcard__wrap > li {
  /* POINT01～04アイコン--個別 */
}
@media screen and (min-width: 768px) {
  .hs-pointcard__wrap > li {
    display: contents;
  }
}
.hs-pointcard__wrap > li:first-child .hs-pointcard__image::before {
  background: url(https://www.hitachi-solutions.co.jp/-/media/0E2BBCC4C7454C169315A2D3D892C58B.ashx) no-repeat;
}
.hs-pointcard__wrap > li:nth-child(2) .hs-pointcard__image::before {
  background: url(https://www.hitachi-solutions.co.jp/-/media/2FDF8C167E9B428C97305AFD724FF468.ashx) no-repeat;
}
.hs-pointcard__wrap > li:nth-child(3) .hs-pointcard__image::before {
  background: url(https://www.hitachi-solutions.co.jp/-/media/C6B60DDD70AF460FB3D48A5099D7FBB2.ashx) no-repeat;
}
.hs-pointcard__wrap > li:nth-child(4) .hs-pointcard__image::before {
  background: url(https://www.hitachi-solutions.co.jp/-/media/141BE3AFF533428782E6FEC434DDC530.ashx) no-repeat;
}

.hs-pointcard {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 0.3rem;
  /* マーク--個別 */
}
.hs-pointcard .hs-pointcard__image {
  position: relative;
  height: 42.6666666667vw;
  background-color: #d4324d;
}
@media screen and (min-width: 768px) {
  .hs-pointcard .hs-pointcard__image {
    height: 160px;
  }
}
.hs-pointcard .hs-pointcard__image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(20% - 7.2vw);
  width: 30%;
  max-width: 32%;
  height: 30%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .hs-pointcard .hs-pointcard__image::before {
    left: calc(20% - 1.5em);
  }
}
.hs-pointcard .hs-pointcard__image::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(30% - 13.3333333333vw);
  width: 70%;
  max-width: 41%;
  height: 70%;
  background: #d56d6d;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .hs-pointcard .hs-pointcard__image::after {
    right: calc(30% - 3.2em);
  }
}
.hs-pointcard.hs-pointcard--aisystem .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/1A40EB08C55B4F8E9A9D6422B05B8096.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--announce .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/2F23318964894E5DA0E8BF0B7EF653DA.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--antenna .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/C9319F3DFE994DB2A20B1F4C20D1ED47.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--badge .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/ECBB1AB61F854D23AC8AD65EB9251C2F.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--bcp .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/89B2909249C5483DB8FDF289089D1B65.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--bridge .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/EFAC43C80AA74122BCDFC45502CF30DF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--building .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/6C8988B2EDAE46CE92DEF50B536ADB5A.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--calendar .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/B04765CDD3B44DC1858866FF719D9A50.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--card .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/C85FD3DA238448A2AB3883F332D451BB.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--check .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/DC59C6A502A346AE911810DE6EE9A927.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--clock .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/5283BF7D1E364596A3E75F9196074D0B.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--cloud .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/25737E62390540B78E31C16E78A5E1CF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--cloudup .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/EEE14BE92F6F4BB391A19CF61983A48C.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--comment .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/40B2C634075A4007A878E6D4E3B562FC.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--data .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/F899ED09ADBF47089E9D80BE05DB67AA.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--detail .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/68E09905344944A8BAA2BB24765CC1DF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--document .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/CB1DD84922E14E3685A89EF75E28FBCF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--education .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/BEDCFE0235AA4903BD9B62EE308BEB58.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--eye .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/03ACEED25AC1404A905022DF07DB4D70.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--factory .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/E83B17CE74C945F1822EC8F5F4934C30.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--folder .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/B182235F07044232A1CD349AED04E9ED.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--geo .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/472D5FD94E5A47E08D821E5FD2E36C65.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--good .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/01DE2706D8E24CDDA2F1AF433AF7EDB3.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--group .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/4AD9E42C124948D796CB2415E83A2CB9.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--growth .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/9984A5E3F15C4656B9BBB45F771B6BC1.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--hands .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/79291BE1242F4F409CD0981D19DDD508.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--human .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/E55D92284BE347DCB706B4B9BA70C29F.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--info .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/E136617DD0DA4698B106151BE46C6A18.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--light .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/91F84952B325466B9E82F5555AE7BCAD.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--logistics .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/A9853ECBA9754D48B317BA560A75E8E2.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--management .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/5293FE66D56840D78FC44E08AE308A3D.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--medicine .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/EECC678A279D4129965C67A7DA61C750.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--memo .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/B3788851500541398C16BC2EB7301849.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--middleware .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/371581E7476041BD977BB14A2CBFE906.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--money .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/16DADABB89164574B44C8F5EC8E4B20F.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--net .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/30C0CE6ED6FB41CAB3D8773B0BDFDB7E.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--netgroup .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/EFA7C31724F94EDFA3C66F20CD5A206B.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--pc .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/7E44DAEB777D4517B63DAC24DEB2E42C.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--performance .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/CDD61BF2E28F45F387916E9B029091DF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--plus--lightgray .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/1E8AFB77DBD34660AB9E1EB778CCF5A0.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--plus--red .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/C378C2D0BD964854937A40F8D1A72D26.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--report .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/B1E225B8E4B547978ED778321DCB7B76.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--rpa .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/AF101BD073564E128EC54DE5E8418E08.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--screen .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/454B07F807D1439D88A27CE96FFA9DE5.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--search .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/5C026DF881CB49E587D6E9EE5370B7E2.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--security .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/DC1C0F63BFA047AA810649A56B55FFD9.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--service .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/3E72B33E620F4CB8A66C71A3168E2E1E.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--source .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/328DDCEDD3C540A7B9515CDA9B6D9684.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--sp .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/64600445C80F498596476E9CC9FBEDC6.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--subscription .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/FEF9D11AEB9D454692F14761DD42B6CA.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--synergy .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/24E9AAE699AA487F93C423D0BB0B76B4.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--target .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/CC6CFA254F66472088FDCD4E6DC4284A.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--team .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/F9528798C04C4F7B8F83999E9935F9CF.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--utility .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/C1394465539441DBBA612A3AB378C021.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--vr .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/55B1890DA61B4A78AAF18EDAC5A0769C.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--wan .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/9FC57896FD8941FD9DC6CA938CDB0AD1.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--coin .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/FA1566CCFBB747AC97707AA27D448173.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--wallet .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/371F1E9F38F94DEE8E504E08FE64EB1A.ashx) no-repeat center center;
}
.hs-pointcard.hs-pointcard--pricedown .hs-pointcard__image::after {
  background: url(https://www.hitachi-solutions.co.jp/-/media/08CB32CCDA1A49F892B1465156EFCD10.ashx) no-repeat center center;
}
.hs-pointcard .hs-pointcard__inner {
  display: contents;
}
.hs-pointcard .hs-pointcard__copy {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0.7rem;
  min-height: 1.4em;
  text-align: center;
}
.hs-pointcard .hs-pointcard__copy .u-text-sm {
  line-height: 1.3;
}
.hs-pointcard .hs-pointcard__head {
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  color: #c02;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-pointcard .hs-pointcard__head, .hs-pointcard .hs-pointcard__head.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-pointcard .hs-pointcard__head {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-pointcard .hs-pointcard__head {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
  }
}
.hs-pointcard .hs-pointcard__text {
  margin-top: 0.7rem;
}

/* --------------------------------
  hs-point-text
-------------------------------- */
.hs-point-text {
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2.4vw 4.2666666667vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #c02;
  border-radius: 40px;
}
@media (min-width: 768px) {
  .hs-point-text {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    font-weight: bold;
    line-height: 1;
    padding: 9px 16px;
  }
}
.hs-point-text::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 12px;
  height: 10px;
  content: "";
  background-image: url(/r23res/image/common/icon_maina.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .hs-point-text::before {
    display: none;
  }
}

/* --------------------------------
  hs-point-unit
-------------------------------- */
.hs-pointunit__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0 5.3333333333vw;
  border: 5px solid #cc1010;
  background-color: #fefafa;
}
@media screen and (min-width: 768px) {
  .hs-pointunit__wrap {
    padding: 0 55px;
  }
}
.hs-pointunit__wrap > li:not(:first-child) {
  border-top: 1px solid #bbb;
}

.hs-pointunit {
  padding: 10.6666666667vw 0;
}
@media screen and (min-width: 768px) {
  .hs-pointunit {
    padding: 55px 0;
  }
}
.hs-pointunit:not(:first-child) {
  border-top: 1px solid #bbb;
}
.hs-pointunit .hs-pointunit__head {
  display: inline-block;
  position: relative;
  color: #000;
  padding-bottom: 1.0666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .hs-pointunit .hs-pointunit__head {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding-bottom: 4px;
  }
}
.hs-pointunit .hs-pointunit__head::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #cc1010;
}
.hs-pointunit .hs-pointunit__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4vw;
  gap: 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .hs-pointunit .hs-pointunit__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-top: 15px;
    gap: 65px;
  }
}
@media screen and (max-width: 1023px) {
  .hs-pointunit .hs-pointunit__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
}
.hs-pointunit .hs-pointunit__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #cc1010;
  font-size: 6.4vw;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-pointunit .hs-pointunit__title, .hs-pointunit .hs-pointunit__title.heading-3--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.9333333333vw;
  font-weight: normal;
  line-height: 1.3076923077;
  letter-spacing: 0;
}
html[lang=en] .hs-pointunit .hs-pointunit__title {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-pointunit .hs-pointunit__title {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  html[lang=en] .hs-pointunit .hs-pointunit__title, .hs-pointunit .hs-pointunit__title.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}
.hs-pointunit .hs-pointunit__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hs-pointunit .hs-pointunit__text .hs-c-button,
.hs-pointunit .hs-pointunit__text .hs-c-link {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .hs-pointunit .hs-pointunit__text .hs-c-button,
  .hs-pointunit .hs-pointunit__text .hs-c-link {
    margin-top: 10px;
  }
}

/* --------------------------------
  hs-related　関連商品
-------------------------------- */
.hs-related img {
  -webkit-box-shadow: 0 0 0 1px #ddd;
          box-shadow: 0 0 0 1px #ddd;
}

/* --------------------------------
  hs-related-icon
  担当者別関連リンクのアイコン
-------------------------------- */
.hs-related-icon {
  position: relative;
  display: inline-block;
}
.hs-related-icon::before {
  display: block;
  width: 19.2vw;
  min-width: 19.2vw;
  height: 19.2vw;
  margin-right: 5.3333333333vw;
  content: "";
  background: no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .hs-related-icon::before {
    width: 88px;
    min-width: 88px;
    height: 88px;
    margin-right: 20px;
  }
}
.hs-related-icon.hs-related-icon--face01::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face01.ashx);
}
.hs-related-icon.hs-related-icon--face02::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face02.ashx);
}
.hs-related-icon.hs-related-icon--face03::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face03.ashx);
}
.hs-related-icon.hs-related-icon--face04::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face04.ashx);
}
.hs-related-icon.hs-related-icon--face05::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face05.ashx);
}
.hs-related-icon.hs-related-icon--face06::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face06.ashx);
}
.hs-related-icon.hs-related-icon--face07::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face07.ashx);
}
.hs-related-icon.hs-related-icon--face08::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face08.ashx);
}
.hs-related-icon.hs-related-icon--face09::before {
  background-image: url(https://www.hitachi-solutions.co.jp/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face09.ashx);
}

/* --------------------------------
  hs-side-menu A-005
-------------------------------- */
@media screen and (min-width: 768px) {
  .hs-side-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 32px;
  }
}
.hs-side-menu__wrap .hs-side-menu--static {
  position: static !important;
}
.hs-side-menu__wrap .hs-side-menu {
  display: none;
  position: sticky;
  top: 20px;
  min-width: 210px;
  max-width: 210px;
  height: 100%;
  -webkit-transition: top 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (min-width: 768px) {
  .hs-side-menu__wrap .hs-side-menu {
    display: block;
  }
}
.hs-side-menu__wrap .hs-side-menu.is-fixed {
  top: 130px;
  -webkit-transition: top 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (min-width: 768px) {
  .hs-side-menu__wrap .hs-side-menu-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    width: calc(100% - 250px);
  }
}
.hs-side-menu__wrap .hs-side-menu__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.hs-side-menu__wrap .hs-side-menu__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 6.6666666667vw 5.3333333333vw;
  width: 100%;
  min-height: 16vw;
  border: 1px solid #bbb;
  background-color: var(--bg-color);
}
.hs-side-menu__wrap .hs-side-menu__head a {
  text-decoration: none;
}
html .hs-side-menu__wrap .hs-side-menu__head a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .hs-side-menu__wrap .hs-side-menu__head {
    padding: 10px 20px;
    min-height: 60px;
    line-height: 1.5;
  }
}
.hs-side-menu__wrap .hs-side-menu__head sup,
.hs-side-menu__wrap .hs-side-menu__head sub {
  vertical-align: baseline;
}
.hs-side-menu__wrap .hs-side-menu__list::-webkit-scrollbar {
  width: 10px;
}
.hs-side-menu__wrap .hs-side-menu__list::-webkit-scrollbar-track {
  border: 1px solid #bbb;
  border-left: none;
  border-radius: 0;
  background-color: #fbfbfb;
}
.hs-side-menu__wrap .hs-side-menu__list::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 0;
  background-color: #c2c2c2;
  background-clip: padding-box;
}
.hs-side-menu__wrap .hs-side-menu__item {
  padding: 10px;
  border: 1px solid #bbb;
  border-top: none;
}
.hs-side-menu__wrap .hs-side-menu__link {
  /* stylelint-disable */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  padding-left: 10px;
  width: 100%;
  line-height: 1.5;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  /* stylelint-enable */
  color: inherit;
}
html .hs-side-menu__wrap .hs-side-menu__link:hover {
  color: #c02;
}

.hs-side-menu__wrap .hs-side-menu__link.is-current {
  color: #c02;
  font-weight: bold;
}
.hs-side-menu__wrap .hs-side-menu-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-top: 20px;
  gap: 10px;
}
.hs-side-menu__wrap .hs-side-menu-banner__item {
  width: 100%;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}
.hs-side-menu__wrap .hs-side-menu-banner__item:hover {
  opacity: 0.75;
}

/* --------------------------------
  hs-c-slider C-020
-------------------------------- */
@-webkit-keyframes slider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.hs-c-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 1em 0;
  background: var(--bg-color);
  -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
          box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hs-c-slider__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-animation: slider 20s infinite linear 0.5s both;
          animation: slider 20s infinite linear 0.5s both;
}
.hs-c-slider__track__item {
  position: relative;
  width: 50vw;
  height: 35.360678925vw;
  overflow: hidden;
  background: #bbb;
  border: 2px solid var(--bg-color);
  -webkit-box-shadow: 0 3px 3px -3px rgba(255, 255, 255, 0.81);
          box-shadow: 0 3px 3px -3px rgba(255, 255, 255, 0.81);
}
@media screen and (max-width: 994px) and (min-width: 399px) {
  .hs-c-slider__track__item {
    width: 33.3333333333vw;
    height: 23.57378595vw;
  }
}
@media (min-width: 995px) {
  .hs-c-slider__track__item {
    width: 20vw;
    height: 14.14427157vw;
  }
}
.hs-c-slider__track__image {
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.hs-c-slider__track__text {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4.5em;
  padding: 0.9em;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.57);
  color: #fff;
  font-size: 0.875em;
}

/* --------------------------------
  hs-tab-list
-------------------------------- */
.hs-tab-list .hs-tab-list__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5.3333333333vw;
  overflow-x: auto;
  padding-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .hs-tab-list .hs-tab-list__buttons {
    margin-bottom: 5px;
    overflow-x: visible;
    padding-bottom: 0;
  }
}
.hs-tab-list .hs-tab-list__buttons button {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3.2vw 2.6666666667vw;
  white-space: nowrap;
  background-color: #ddd;
  border-right: 2px solid #f2f2f2;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}
.hs-tab-list .hs-tab-list__buttons button:last-child {
  border: none;
}
.hs-tab-list .hs-tab-list__buttons button[aria-selected=true] {
  color: #fff;
  pointer-events: none;
  background-color: #333 !important;
}
.hs-tab-list .hs-tab-list__buttons button[aria-selected=true]::before {
  position: absolute;
  bottom: -3.2vw;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.2vw 3.2vw 0 3.2vw;
  border-color: #333 transparent transparent transparent;
  z-index: 1;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .hs-tab-list .hs-tab-list__buttons button[aria-selected=true]::before {
    bottom: -12px;
    border-width: 12px 12px 0 12px;
  }
}
@media (min-width: 768px) {
  .hs-tab-list .hs-tab-list__buttons button {
    padding: 18px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
    -webkit-transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  html[lang=en] .hs-tab-list .hs-tab-list__buttons button, .hs-tab-list .hs-tab-list__buttons button.caption--en, .hs-tab-list .hs-tab-list__buttons button.figcaption--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6875;
  }
}
@media (hover: hover) {
  .hs-tab-list .hs-tab-list__buttons button:hover {
    color: #fff;
    background-color: #707070;
  }
}
.hs-tab-list .hs-tab-list__item {
  border: 1px solid #bbb;
}
.hs-tab-list .hs-tab-list__item[aria-hidden=true] {
  display: none;
}
.hs-tab-list .hs-tab-list__outer {
  padding: 4.2666666667vw 0 0;
  text-align: center;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .hs-tab-list .hs-tab-list__outer {
    padding: 32px 32px 0;
    background-color: transparent;
  }
}
.hs-tab-list .hs-tab-list__text {
  padding-bottom: 4.2666666667vw;
  letter-spacing: 0.13em;
  border-bottom: 1px solid #bbb;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
html[lang=en] .hs-tab-list .hs-tab-list__text, .hs-tab-list .hs-tab-list__text.heading-4--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 6.4vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-tab-list .hs-tab-list__text {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-tab-list .hs-tab-list__text {
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: normal;
  }
  html[lang=en] .hs-tab-list .hs-tab-list__text, .hs-tab-list .hs-tab-list__text.heading-3--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.8;
  }
}

/* --------------------------------
  hs-tab-ui
-------------------------------- */
.hs-tab-ui .hs-tab-ui__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1px;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__btn-list {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1100px;
  }
}
.hs-tab-ui .hs-tab-ui__input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.hs-tab-ui .hs-tab-ui__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.3333333333vw 1.3333333333vw;
  width: calc((100% - 2px) / 3);
  background-color: #ddd;
  color: #000;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 2.3333333333;
  cursor: pointer;
  -webkit-transition: all 0.22s;
  transition: all 0.22s;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__label {
    padding: 10px 10px;
    min-height: 74px;
    letter-spacing: 0.2em;
    font-size: 0.75rem;
    line-height: 2.3333333333;
  }
}
.hs-tab-ui .hs-tab-ui__label::before {
  content: "";
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background-color: #ddd;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hs-tab-ui .hs-tab-ui__label:hover {
  background-color: #666;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__sub {
  display: none;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__sub {
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
  }
}
.hs-tab-ui .hs-tab-ui__main {
  display: block;
  text-align: center;
  font-weight: 600 !important;
  line-height: 1.4;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-tab-ui .hs-tab-ui__main, .hs-tab-ui .hs-tab-ui__main.caption--en, .hs-tab-ui .hs-tab-ui__main.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-tab-ui .hs-tab-ui__main {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__main {
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.05em;
  }
}
.hs-tab-ui .hs-tab-ui__tabpanel {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  margin: auto;
  padding: 1.8666666667vw 0 21.3333333333vw;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__tabpanel {
    padding: 35px 0 65px;
  }
}
.hs-tab-ui .hs-tab-ui__tabpanel > *:first-of-type {
  margin-top: 4vw !important;
}
@media screen and (min-width: 768px) {
  .hs-tab-ui .hs-tab-ui__tabpanel > *:first-of-type {
    margin-top: 15px !important;
  }
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(0):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(0) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(0):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(0)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(0):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(0) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(1):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(1) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(1):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(1)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(1):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(1) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(2):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(2) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(2):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(2)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(2):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(2) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(3):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(3) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(3):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(3)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(3):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(3) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(4):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(4) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(4):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(4)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(4):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(4) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(5):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(5) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(5):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(5)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(5):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(5) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(6):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(6) {
  background-color: #333;
  color: #fff;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(6):checked ~ .hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(6)::before {
  opacity: 1;
  background-color: #333;
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(6):checked ~ .hs-tab-ui__body .hs-tab-ui__tabpanel:nth-of-type(6) {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 1;
  visibility: visible;
}

/* --------------------------------
  hs-vertical-news
-------------------------------- */
.hs-vertical-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.hs-vertical-news-more {
  display: none;
}

/* --------------------------------
  hs-vertical-news-item
-------------------------------- */
.hs-vertical-news-list__item {
  border-bottom: 1px solid #bbb;
}

.hs-vertical-news-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.3333333333vw 4vw;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
html a.hs-vertical-news-list__link:link {
  text-decoration: none;
}
html a.hs-vertical-news-list__link:visited {
  color: #a94657;
}
html a.hs-vertical-news-list__link.hs-c-link:hover {
  text-decoration: none !important;
}

@media (min-width: 768px) {
  .hs-vertical-news-list__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    padding: 20px 0;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-vertical-news-list__link:is(a):hover .hs-vertical-news-list__text {
    text-decoration: underline;
  }
}
@media (hover: hover) {
  .hs-vertical-news-list__link:is(a):hover .hs-vertical-news-list__text {
    text-decoration: underline;
    color: #c02;
  }
}
.hs-vertical-news-list__link:is(a)[target=_blank]:not([href$=".pdf"]):not([href$=".xlsx"]) .hs-vertical-news-list__text {
  position: relative;
  padding-right: 2em;
}
.hs-vertical-news-list__link:is(a)[target=_blank]:not([href$=".pdf"]):not([href$=".xlsx"]) .hs-vertical-news-list__text::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0.2em;
  margin: auto 0.2em auto 0;
  width: clamp(10px, 1.65em, 1.65em);
  height: 1.3em;
  background-image: url(/r23res/image/common/icon_blank.svg);
  background-repeat: no-repeat;
  background-size: 1.2em auto;
  background-position: center;
  overflow: hidden;
  -webkit-transform: none;
          transform: none;
}
.hs-vertical-news-list__link[href$=".pdf"] .hs-vertical-news-list__text, .hs-vertical-news-list__link[href$="pdf.ashx?la=ja-JP"] .hs-vertical-news-list__text {
  position: relative;
  padding-right: 1.8em;
}
.hs-vertical-news-list__link[href$=".pdf"] .hs-vertical-news-list__text::after, .hs-vertical-news-list__link[href$="pdf.ashx?la=ja-JP"] .hs-vertical-news-list__text::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0.2em;
  margin-left: 0.2em;
  width: 1.25em;
  height: 1.2em;
  vertical-align: top;
  background: url(/r23res/image/common/icon_pdf.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__link[href$=".pdf"] .hs-vertical-news-list__text::after, .hs-vertical-news-list__link[href$="pdf.ashx?la=ja-JP"] .hs-vertical-news-list__text::after {
    background-size: 1em auto;
  }
}
.hs-vertical-news-list__link[href$=".xlsx"] .hs-vertical-news-list__text {
  position: relative;
  padding-right: 1.8em;
}
.hs-vertical-news-list__link[href$=".xlsx"] .hs-vertical-news-list__text::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0.2em;
  margin-left: 0.2em;
  width: 1.25em;
  height: 1.2em;
  vertical-align: top;
  background: url(/r23res/image/common/icon_xls.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__link[href$=".xlsx"] .hs-vertical-news-list__text::after {
    background-size: 1em auto;
  }
}

.hs-vertical-news-list__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .hs-vertical-news-list__container {
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 4vw;
  }
}

.hs-vertical-news-list__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25.3333333333vw;
  margin-right: 5.3333333333vw;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 3.2vw;
  color: #333;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__date {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .hs-vertical-news-list__date {
    width: 120px;
    margin-right: 40px;
    font-size: 0.875rem;
  }
}

.hs-vertical-news-list__tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 29.3333333333vw;
  margin-right: 5.3333333333vw;
  padding: 1.3333333333vw;
  border: 1px solid #c02;
  color: #c02;
  font-size: 2.6666666667vw;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__tag {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .hs-vertical-news-list__tag {
    width: 150px;
    margin-right: 20px;
    padding: 7px;
    font-size: 0.75rem;
  }
}

.hs-vertical-news-list__text {
  font-size: 0.875rem;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-list__text {
    font-size: 3.7333333333vw;
  }
}

/* --------------------------------
  hs-vertical-news-2-item
-------------------------------- */
.hs-vertical-news-2-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 5.3333333333vw 4vw;
  border-bottom: 1px solid #bbb;
}
@media (min-width: 768px) {
  .hs-vertical-news-2-list__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    padding: 20px 0;
  }
}

.hs-vertical-news-2-list__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25.3333333333vw;
  margin-right: 5.3333333333vw;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 3.2vw;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-2-list__date {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .hs-vertical-news-2-list__date {
    width: 120px;
    margin-right: 40px;
    font-size: 0.875rem;
  }
}

.hs-vertical-news-2-list__tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 29.3333333333vw;
  margin-right: 5.3333333333vw;
  padding: 1.3333333333vw;
  border: 1px solid #c02;
  color: #c02;
  font-size: 2.6666666667vw;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-2-list__tag {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .hs-vertical-news-2-list__tag {
    width: 150px;
    margin-right: 20px;
    padding: 7px;
    font-size: 0.75rem;
  }
}

.hs-vertical-news-2-list__text p {
  font-size: 0.875rem;
}
@media (max-width: 767.98px) {
  .hs-vertical-news-2-list__text p {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
html .hs-l-contents .hs-vertical-news-2-list__text a.hs-c-link {
  text-decoration: none;
}
.hs-vertical-news-2-list__text a:link {
  color: #c02;
  text-decoration: none;
}
.hs-vertical-news-2-list__text a:link:hover {
  text-decoration: underline;
}
.hs-vertical-news-2-list__text a:visited {
  color: #a94657;
}
.hs-vertical-news-2-list__text a:is(a)[target=_blank]:not([href$=".pdf"]):not([href$=".xlsx"]) {
  position: relative;
  padding-right: 2em;
  display: initial;
}
.hs-vertical-news-2-list__text a:is(a)[target=_blank]:not([href$=".pdf"]):not([href$=".xlsx"])::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: inherit;
  bottom: 0.2em;
  right: inherit;
  margin: auto 0.2em;
  width: clamp(10px, 1.65em, 1.65em);
  height: 1.3em;
  background-image: url(/r23res/image/common/icon_blank.svg);
  background-repeat: no-repeat;
  background-size: 1.2em auto;
  background-position: center;
  overflow: hidden;
  -webkit-transform: none !important;
          transform: none !important;
}
.hs-vertical-news-2-list__text a[href$=".pdf"], .hs-vertical-news-2-list__text a[href$="pdf.ashx?la=ja-JP"] {
  position: relative;
  padding-right: 1.8em;
}
.hs-vertical-news-2-list__text a[href$=".pdf"]::after, .hs-vertical-news-2-list__text a[href$="pdf.ashx?la=ja-JP"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0.1em;
  margin-left: 0.2em;
  width: 1.25em;
  height: 1.2em;
  vertical-align: top;
  background: url(/r23res/image/common/icon_pdf.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-vertical-news-2-list__text a[href$=".pdf"]::after, .hs-vertical-news-2-list__text a[href$="pdf.ashx?la=ja-JP"]::after {
    right: 0.8vw;
    width: 5.3333333333vw;
    height: 5.0666666667vw;
  }
}
.hs-vertical-news-2-list__text a[href$=".xlsx"] {
  position: relative;
  padding-right: 1.8em;
}
.hs-vertical-news-2-list__text a[href$=".xlsx"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0.1em;
  margin-left: 0.2em;
  width: 1.25em;
  height: 1.2em;
  vertical-align: top;
  background: url(/r23res/image/common/icon_xls.svg) no-repeat 0 0;
  background-size: 1.2em auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (max-width: 767.98px) {
  .hs-vertical-news-2-list__text a[href$=".xlsx"]::after {
    right: 0.8vw;
    width: 5.3333333333vw;
    height: 5.0666666667vw;
  }
}

/* --------------------------------
  hs-vertical-news
-------------------------------- */
.hs-vertical-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.hs-vertical-news-more {
  display: none;
}

/* --------------------------------
  hs-navigation
-------------------------------- */
.hs-navigation {
  position: relative;
  z-index: 79;
  background-color: var(--bg-color);
  border-bottom: 2px solid #ddd;
  -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0 3px 6px;
          box-shadow: rgba(0, 0, 0, 0.14) 0 3px 6px;
}
@media (max-width: 767px) {
  .hs-navigation {
    position: sticky;
    top: -15.4666666667vw;
    height: 14.4vw;
    border-bottom: 1px solid #ddd;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
  }
}
body.header1-show .hs-navigation {
  top: 45px;
}
@media (max-width: 767px) {
  body.header1-show .hs-navigation .hs-navigation__inner {
    height: calc(100vh - (14.4vw + 45px));
  }
}
.hs-navigation.is-pc {
  display: block !important;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translateY(-100%) !important;
          transform: translateY(-100%) !important;
}
.hs-navigation.is-pc.is-fixed {
  padding-top: 0;
}
.hs-navigation.is-pc.is-fixed.is-scrolling-show {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: -webkit-transform 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
.hs-navigation.is-clone {
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
}
@media (max-width: 767px) {
  .hs-navigation.is-clone {
    display: none;
  }
}
.hs-navigation.is-clone .hs-navigation__title {
  display: block;
}
.hs-navigation.is-clone .hs-navigation__title a {
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .hs-navigation.is-clone .hs-navigation__title a:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-navigation .is-current.hs-navigation__link {
  color: #c02;
  text-decoration: none;
}
.hs-navigation .is-current.hs-navigation__link::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
}
@media screen and (min-width: 768px) {
  .hs-navigation .is-current.hs-navigation__link::after {
    background-color: #c02;
  }
}
@media (max-width: 767px) {
  .hs-navigation .is-current.hs-navigation__link, .hs-navigation .is-current.hs-navigation-mega__heading, .hs-navigation .is-current.hs-navigation-mega__link, .hs-navigation .is-current.hs-navigation-mega__link[type=button] {
    color: #fff;
    background-color: #a2201b;
  }
  .hs-navigation .is-current.hs-navigation__link::before, .hs-navigation .is-current.hs-navigation__link::after, .hs-navigation .is-current.hs-navigation-mega__heading::before, .hs-navigation .is-current.hs-navigation-mega__heading::after, .hs-navigation .is-current.hs-navigation-mega__link::before, .hs-navigation .is-current.hs-navigation-mega__link::after, .hs-navigation .is-current.hs-navigation-mega__link[type=button]::before, .hs-navigation .is-current.hs-navigation-mega__link[type=button]::after {
    border-color: #fff !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hs-navigation .is-current.hs-navigation__link::before, .hs-navigation .is-current.hs-navigation__link::after, .hs-navigation .is-current.hs-navigation-mega__heading::before, .hs-navigation .is-current.hs-navigation-mega__heading::after, .hs-navigation .is-current.hs-navigation-mega__link::before, .hs-navigation .is-current.hs-navigation-mega__link::after, .hs-navigation .is-current.hs-navigation-mega__link[type=button]::before, .hs-navigation .is-current.hs-navigation-mega__link[type=button]::after {
    background-color: #fff !important;
  }
}
@media (max-width: 767px) {
  .hs-navigation .is-current.hs-navigation__link[type=button]::before, .hs-navigation .is-current.hs-navigation__link[type=button]::after {
    background-color: #fff !important;
  }
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation--space {
    margin-top: 1.6em;
  }
}
.hs-navigation .hs-navigation__container {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .hs-navigation .hs-navigation__container {
    position: absolute;
    z-index: 10;
    background-color: #e6e6e6;
  }
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__container {
    max-width: 1060px;
    padding: 0 20px;
  }
}
@media (min-width: 1100px) {
  .hs-navigation .hs-navigation__container {
    padding: 0;
  }
}
.hs-navigation .hs-navigation__title {
  display: none;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__title {
    padding: 15px 0 5px;
    font-size: 1.125rem;
    line-height: 1.55;
    font-weight: 600;
  }
  html[lang=en] .hs-navigation .hs-navigation__title, .hs-navigation .hs-navigation__title.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}
.hs-navigation .hs-navigation__inner {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .hs-navigation .hs-navigation__inner {
    height: calc(100vh - 14.4vw);
    padding-bottom: 14.4vw;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__inner {
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 60px;
  }
}
.hs-navigation .hs-navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .hs-navigation .hs-navigation__item .hs-navigation__link {
    padding-left: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__item:first-child {
    margin-right: 10px;
  }
  .hs-navigation .hs-navigation__item:first-child > a {
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1059px) {
  .hs-navigation .hs-navigation__item:first-child {
    margin-right: 0;
  }
}
.hs-navigation .hs-navigation__item > a {
  position: relative;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__item > a {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    -webkit-transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-navigation .hs-navigation__item > a:hover {
    color: #fff;
    background-color: var(--hover-color);
  }
  .hs-navigation .hs-navigation__item > a::before {
    position: absolute;
    bottom: -9px;
    left: 50%;
    z-index: 102;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--hover-color) transparent;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg);
  }
}
html .hs-navigation__item a {
  color: #333;
}

@media screen and (min-width: 768px) and (max-width: 1059px) {
  .hs-navigation .hs-navigation__item > a {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    font-weight: bold;
    padding: 0 6px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .hs-navigation .hs-navigation__item > a {
    position: relative;
    display: block;
    width: 100%;
    padding: 4.2666666667vw 10.6666666667vw 4.2666666667vw 4vw;
    padding-left: 10.6666666667vw;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462;
    text-align: left;
  }
  .hs-navigation .hs-navigation__item > a.Current, .Current .hs-navigation .hs-navigation__item > a, .hs-navigation .hs-navigation__item > a.is-open {
    color: #fff;
    background-color: #a2201b;
  }
  .hs-navigation .hs-navigation__item > a[href]::after {
    position: absolute;
    inset: 0 4.8vw 0 auto;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: auto;
    content: "";
    border-right: 2px solid #c02;
    border-bottom: 2px solid #c02;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation__item > a.Current[href]::after, .Current .hs-navigation .hs-navigation__item > a[href]::after, .hs-navigation .hs-navigation__item > a.is-open[href]::after {
    border-color: #fff;
  }
  .hs-navigation .hs-navigation__item > a[type=button]::before, .hs-navigation .hs-navigation__item > a[type=button]::after {
    position: absolute;
    inset: 0 3.4666666667vw 0 auto;
    width: 4.2666666667vw;
    height: 2px;
    margin: auto;
    content: "";
    background-color: #c02;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation__item > a[type=button]::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .hs-navigation .hs-navigation__item > a[type=button].is-open::before {
    opacity: 0;
  }
  .hs-navigation .hs-navigation__item > a[type=button].is-open::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .hs-navigation .hs-navigation__item > a.Current[type=button]::before, .hs-navigation .hs-navigation__item > a.Current[type=button]::after, .Current .hs-navigation .hs-navigation__item > a[type=button]::before, .Current .hs-navigation .hs-navigation__item > a[type=button]::after, .hs-navigation .hs-navigation__item > a.is-open[type=button]::before, .hs-navigation .hs-navigation__item > a.is-open[type=button]::after {
    background-color: #fff;
  }
}
.hs-navigation .hs-navigation__item.is-open .hs-navigation__link {
  color: #fff;
  background-color: var(--hover-color);
}
.hs-navigation .hs-navigation__item.is-open .hs-navigation__link::before {
  opacity: 1;
}
.hs-navigation .hs-navigation__menu {
  position: relative;
  border-bottom: 2px solid #c02;
}
@media (max-width: 767px) {
  .hs-navigation .hs-navigation__menu {
    position: relative;
    display: block;
    width: 100%;
    padding: 4.2666666667vw 10.6666666667vw 4.2666666667vw 4vw;
    text-align: left;
    background-color: #fff;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462;
  }
  .hs-navigation .hs-navigation__menu[type=button]::before, .hs-navigation .hs-navigation__menu[type=button]::after {
    position: absolute;
    inset: 0 3.4666666667vw 0 auto;
    width: 4.2666666667vw;
    height: 2px;
    margin: auto;
    content: "";
    background-color: #c02;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation__menu[type=button]::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .hs-navigation .hs-navigation__menu[type=button].is-open::before {
    opacity: 0;
  }
  .hs-navigation .hs-navigation__menu[type=button].is-open::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .hs-navigation .hs-navigation__menu.is-open {
    background-color: transparent;
  }
}
.hs-navigation .hs-navigation__link {
  position: relative;
  font-weight: bold;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 50px;
    height: 100%;
    padding: 0 10px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    -webkit-transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background-color 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-navigation .hs-navigation__link:hover {
    color: #fff;
    background-color: var(--hover-color);
  }
}
@media (max-width: 767px) {
  .hs-navigation .hs-navigation__link {
    position: relative;
    display: block;
    width: 100%;
    padding: 4.2666666667vw 10.6666666667vw 4.2666666667vw 4vw;
    padding-left: 10.6666666667vw;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462;
    text-align: left;
  }
  .hs-navigation .hs-navigation__link.Current, .Current .hs-navigation .hs-navigation__link, .hs-navigation .hs-navigation__link.is-open {
    color: #fff;
    background-color: #a2201b;
  }
  .hs-navigation .hs-navigation__link[href]::after {
    position: absolute;
    inset: 0 4.8vw 0 auto;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: auto;
    content: "";
    border-right: 2px solid #c02;
    border-bottom: 2px solid #c02;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation__link.Current[href]::after, .Current .hs-navigation .hs-navigation__link[href]::after, .hs-navigation .hs-navigation__link.is-open[href]::after {
    border-color: #fff;
  }
  .hs-navigation .hs-navigation__link[type=button]::before, .hs-navigation .hs-navigation__link[type=button]::after {
    position: absolute;
    inset: 0 3.4666666667vw 0 auto;
    width: 4.2666666667vw;
    height: 2px;
    margin: auto;
    content: "";
    background-color: #c02;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation__link[type=button]::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .hs-navigation .hs-navigation__link[type=button].is-open::before {
    opacity: 0;
  }
  .hs-navigation .hs-navigation__link[type=button].is-open::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .hs-navigation .hs-navigation__link.Current[type=button]::before, .hs-navigation .hs-navigation__link.Current[type=button]::after, .Current .hs-navigation .hs-navigation__link[type=button]::before, .Current .hs-navigation .hs-navigation__link[type=button]::after, .hs-navigation .hs-navigation__link.is-open[type=button]::before, .hs-navigation .hs-navigation__link.is-open[type=button]::after {
    background-color: #fff;
  }
}
.hs-navigation .hs-navigation__sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.5333333333vw 0;
  padding: 6.6666666667vw 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__sub-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 1px;
    padding: 0;
  }
}
.hs-navigation .hs-navigation__sub-item {
  position: relative;
  height: 100%;
}
.hs-navigation .hs-navigation__sub-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 16vw;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  background-color: var(--base-color);
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-decoration: none;
}
@media (min-width: 768px) {
  .hs-navigation .hs-navigation__sub-item > a {
    min-height: inherit;
    padding: 0 12px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
    line-height: 1.2307692308;
    gap: 4px;
  }
  .hs-navigation .hs-navigation__sub-item > a:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media screen and (min-width: 768px) and (max-width: 1059px) {
  .hs-navigation .hs-navigation__sub-item > a {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    line-height: 1.3;
  }
}
.hs-navigation .hs-navigation__sub-item > a img {
  width: 30px;
}
.hs-navigation .hs-navigation__sub-list--title-black .hs-navigation__sub-item > a {
  /* サブエリア の文字色を黒に */
  color: #333;
}
.hs-navigation .hs-navigation__sub-list--title-black .hs-navigation__sub-item > a img {
  width: 30px;
  -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%) contrast(90%);
          filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1286%) hue-rotate(207deg) brightness(84%) contrast(90%);
}
.hs-navigation .hs-navigation__tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 4px;
  background-color: #cc0022;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2;
  pointer-events: none;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hs-navigation .hs-navigation__tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #cc0022 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 100;
    min-height: 200px;
    padding: 1rem 0;
    pointer-events: none;
    visibility: hidden;
    background-color: var(--bg-color);
    border-top: 1px solid #ccc;
    opacity: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.1s linear;
    transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.1s linear;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    text-underline-offset: 0.3em;
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega.is-show {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.1s linear;
    transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.1s linear;
  }
}
.hs-navigation .hs-navigation-mega[aria-hidden] {
  display: none;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega[aria-hidden] {
    display: block;
  }
}
.hs-navigation .hs-navigation-mega a {
  text-decoration: none;
}
.hs-navigation .hs-navigation-mega__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__title {
    padding-right: 16px;
  }
  .hs-navigation .hs-navigation-mega__title:hover {
    color: #b1000e;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-navigation .hs-navigation-mega__title::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    border-right: 2px solid #c02;
    border-bottom: 2px solid #c02;
    -webkit-transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
.hs-navigation .hs-navigation-mega__outer {
  position: relative;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 3rem;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 1100px;
    padding: 0 20px;
    margin: 0.5rem auto;
    font-weight: normal;
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__outer.hs-navigation-mega__outer--column3 .hs-navigation-mega__container {
    min-width: calc(33.3333333333% - 40px);
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__outer.hs-navigation-mega__outer--column2 .hs-navigation-mega__container {
    min-width: calc(50% - 40px);
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__container {
    min-width: calc(25% - 40px);
    display: grid;
    gap: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  .hs-navigation .hs-navigation-mega__container:has(.hs-navigation-mega__heading) .hs-navigation-mega__heading {
    background-color: #f2f2f2;
  }
}
.hs-navigation .hs-navigation-mega__item {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  padding: 4.5333333333vw 10.6666666667vw 3.4666666667vw 19.4666666667vw;
}
html[lang=en] .hs-navigation .hs-navigation-mega__item, .hs-navigation .hs-navigation-mega__item.heading-5--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.8666666667vw;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
}
html[lang=en] .hs-navigation .hs-navigation-mega__item {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__item {
    font-size: 1.125rem;
    line-height: 1.55;
    padding: 0;
  }
  html[lang=en] .hs-navigation .hs-navigation-mega__item, .hs-navigation .hs-navigation-mega__item.heading-5--en {
    font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2.2916666667;
  }
}
.hs-navigation .hs-navigation-mega__heading {
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.8461538462;
  position: relative;
  display: block;
  width: 100%;
  padding: 4.5333333333vw 10.6666666667vw 3.4666666667vw 19.4666666667vw;
  display: grid;
  grid-gap: 0.3rem;
  grid-row-gap: 0.2rem;
  justify-items: start;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__heading {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
    line-height: 1.3;
    margin-top: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    padding-right: 16px;
    color: #333;
  }
  .hs-navigation .hs-navigation-mega__heading:hover {
    color: #b1000e;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .hs-navigation .hs-navigation-mega__heading::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    border-right: 2px solid #c02;
    border-bottom: 2px solid #c02;
    -webkit-transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation-mega__heading:has(> img) {
    padding-right: 0;
  }
  .hs-navigation .hs-navigation-mega__heading:has(> img)::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hs-navigation .hs-navigation-mega__heading::before, .hs-navigation .hs-navigation-mega__heading::after {
    position: absolute;
    inset: 0 3.4666666667vw 0 auto;
    width: 4.2666666667vw;
    height: 2px;
    margin: auto;
    content: "";
    background-color: #fff;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .hs-navigation .hs-navigation-mega__heading::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .hs-navigation .hs-navigation-mega__heading[href]::before {
    display: none;
  }
  .hs-navigation .hs-navigation-mega__heading[href]::after {
    position: absolute;
    inset: 0 4.8vw 0 auto;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: auto;
    content: "";
    background-color: transparent;
    border-right: 2px solid #c02;
    border-bottom: 2px solid #c02;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__heading[href]::after {
    inset: 0 0 0 auto;
    width: 8px;
    height: 8px;
    border-color: #fff;
    border-width: 1px;
    -webkit-transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.hs-navigation .hs-navigation-mega__heading.is-open::before {
  opacity: 0;
}
.hs-navigation .hs-navigation-mega__heading.is-open::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.hs-navigation .hs-navigation-mega__heading img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__heading img {
    max-width: 235px;
  }
}
@media screen and (max-width: 767px) {
  .hs-navigation .hs-navigation-mega__list {
    padding-left: 10.6666666667vw;
  }
}
.hs-navigation .hs-navigation-mega__list[aria-hidden] {
  display: none;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__list[aria-hidden] {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__item {
    line-height: 1.5;
  }
}
.hs-navigation .hs-navigation-mega__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 4.5333333333vw 10.6666666667vw 3.4666666667vw 19.4666666667vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.8461538462;
  text-align: left;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__link {
    display: inline-block;
    width: auto;
    padding: 0;
    padding-right: 16px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8461538462;
    color: #c02;
  }
}
@media screen and (min-width: 768px) and (hover: hover) {
  .hs-navigation .hs-navigation-mega__link:hover {
    color: #b1000e;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-navigation .hs-navigation-mega__link.Current, .Current .hs-navigation .hs-navigation-mega__link, .hs-navigation .hs-navigation-mega__link.is-open {
  color: #fff;
  background-color: #801411;
}
.hs-navigation .hs-navigation-mega__link[href]::after {
  position: absolute;
  inset: 0 4.8vw 0 auto;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  margin: auto;
  content: "";
  border-right: 2px solid #c02;
  border-bottom: 2px solid #c02;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media screen and (min-width: 768px) {
  .hs-navigation .hs-navigation-mega__link[href]::after {
    inset: 0 0 0 auto;
    width: 8px;
    height: 8px;
    border-color: #c02;
    border-width: 1px;
    -webkit-transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.hs-navigation .hs-navigation-mega__link.Current[href]::after, .Current .hs-navigation .hs-navigation-mega__link[href]::after, .hs-navigation .hs-navigation-mega__link.is-open[href]::after {
  border-color: #fff;
}
.hs-navigation .hs-navigation-mega__link[type=button]::before, .hs-navigation .hs-navigation-mega__link[type=button]::after {
  position: absolute;
  inset: 0 3.4666666667vw 0 auto;
  width: 4.2666666667vw;
  height: 2px;
  margin: auto;
  content: "";
  background-color: #c02;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.hs-navigation .hs-navigation-mega__link[type=button]::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.hs-navigation .hs-navigation-mega__link[type=button].is-open::before {
  opacity: 0;
}
.hs-navigation .hs-navigation-mega__link[type=button].is-open::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.hs-navigation .hs-navigation-mega__link.Current[type=button]::before, .hs-navigation .hs-navigation-mega__link.Current[type=button]::after, .Current .hs-navigation .hs-navigation-mega__link[type=button]::before, .Current .hs-navigation .hs-navigation-mega__link[type=button]::after, .hs-navigation .hs-navigation-mega__link.is-open[type=button]::before, .hs-navigation .hs-navigation-mega__link.is-open[type=button]::after {
  background-color: #fff;
}
.hs-navigation-mega--default {
  /*デフォルト*/
  border-top-color: #666;
}
@media screen and (min-width: 768px) {
  .hs-navigation-mega--default.hs-navigation-mega {
    opacity: 0.98 !important;
    border-top-color: #333 !important;
    background-color: #333 !important;
    color: #fff !important;
  }
}
@media screen and (min-width: 768px) {
  .hs-navigation-mega--default.hs-navigation-mega a {
    color: #fff !important;
  }
}
.hs-navigation--single {
  /*single用商品名のみ表示-SPの制御*/
}
@media (max-width: 767.98px) {
  .hs-navigation--single {
    margin-top: -14.4vw;
    padding: 1rem;
    opacity: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  .hs-navigation--single .hs-navigation__container {
    background: none;
  }
  .hs-navigation--single a {
    width: calc(100vw - 1.6rem);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.84;
    font-weight: 400;
    color: #000 !important;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462;
  }
  html .hs-navigation--single .hs-navigation__title p a {
    text-decoration: none;
  }
}
body.header1-show .hs-navigation--single {
  display: block;
  height: 14.4vw;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
body.header1-show .hs-navigation--single .hs-navigation__title {
  display: block;
}

.hs-navigation-bg {
  position: fixed;
  top: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100vh;
  content: "";
  background-color: #000;
  opacity: 0.5;
}
.hs-navigation-bg.is-open {
  display: block;
}

/* --------------------------------
  hs-navigation-anchor
-------------------------------- */
.hs-navigation-anchor {
  display: none;
  padding-top: 8vw;
  padding-bottom: 8vw;
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .hs-navigation-anchor {
    position: fixed;
    top: 52px;
    left: 0;
    width: 250px;
    z-index: 1000;
    margin-top: 0 !important;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(60, 60, 60, 0.1);
            box-shadow: 2px 2px 2px 1px rgba(60, 60, 60, 0.1);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0.6;
  }
  .hs-navigation-anchor:hover {
    opacity: 1;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  .hs-navigation-anchor.is-close {
    left: -250px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .hs-navigation-anchor.is-close i::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .hs-navigation-anchor.is-close i::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
@media (min-width: 768px) {
  .hs-navigation-anchor__wrap {
    position: relative;
    max-width: inherit;
  }
}
.hs-navigation-anchor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4.2666666667vw;
  line-height: 1.6875;
}
@media (min-width: 768px) {
  .hs-navigation-anchor__list {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.3rem 0;
    padding: 0 1rem 0 0;
  }
}
.hs-navigation-anchor__list__item {
  display: inline-block;
  padding: 0.8rem;
  min-width: 17%;
  border-bottom: 1px solid #bbb;
  text-align: center;
  line-height: 1.6875;
}
@media (max-width: 767.98px) {
  .hs-navigation-anchor__list__item {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .hs-navigation-anchor__list__item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 0;
    border-bottom: none;
  }
}
.hs-navigation-anchor__list__item__link {
  position: relative;
  padding-right: 5.3333333333vw;
  text-align: left;
  -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  letter-spacing: 0.03rem;
  display: block;
  width: 100%;
  font-size: 0.875rem;
}
.hs-navigation-anchor__list__item__link:link {
  color: #c02;
  text-decoration: none;
}
@media (min-width: 768px) {
  .hs-navigation-anchor__list__item__link {
    padding-right: 0;
    padding-left: 1.5rem;
    text-align: left;
  }
  .hs-navigation-anchor__list__item__link:link, .hs-navigation-anchor__list__item__link:visited {
    color: #333;
  }
}
@media (max-width: 767.98px) {
  .hs-navigation-anchor__list__item__link {
    width: 100%;
  }
}
.hs-navigation-anchor__list__item__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  width: 1em;
  height: 1em;
  background-image: url(/r23res/image/common/icon_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  background-size: 0.4em;
}
@media (min-width: 768px) {
  .hs-navigation-anchor__list__item__link::before {
    width: 0.375em;
    height: 0.6875em;
    right: auto;
    left: 0.5rem;
    text-align: center;
  }
}

/*------------------
表示制御
------------------*/
.js-fixanchorlink-btn {
  position: absolute;
  display: block;
  right: -3rem;
  top: 0;
  width: 3rem;
  height: 3rem;
  z-index: 10001;
  border-radius: 0 0.3rem 0.3rem 0;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(60, 60, 60, 0.1);
          box-shadow: 2px 2px 2px 1px rgba(60, 60, 60, 0.1);
  background: #666;
  cursor: pointer;
}
.js-fixanchorlink-btn::before {
  content: "";
  position: absolute;
  top: 1.6rem;
  right: 1.2rem;
  width: 0.8rem;
  height: 2px;
  z-index: 10002;
  background: #fff;
  border-radius: 0.1em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.js-fixanchorlink-btn::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: 1.2rem;
  width: 0.8rem;
  height: 2px;
  z-index: 10003;
  background: #fff;
  border-radius: inherit;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*現在地 aに付与*/
.is-fixanchorlink-anchor {
  background: #ddd;
  border-radius: 2px;
}

/* --------------------------------
  hs-navigation-sub
-------------------------------- */
.hs-navigation-sub {
  position: relative;
  background-color: var(--bg-color);
}
@media (max-width: 767px) {
  .hs-navigation-sub {
    display: none;
  }
}
.hs-navigation-sub .is-current.hs-navigation-sub__link {
  font-weight: bold;
  color: #c02;
}
.hs-navigation-sub .hs-navigation-sub__container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hs-navigation-sub .hs-navigation-sub__container {
    max-width: 1060px;
    padding: 0 20px;
  }
}
@media (min-width: 1100px) {
  .hs-navigation-sub .hs-navigation-sub__container {
    padding: 0;
  }
}
.hs-navigation-sub .hs-navigation-sub__carousel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .hs-navigation-sub .hs-navigation-sub__carousel {
    margin: 0 58px;
  }
}
.hs-navigation-sub .hs-navigation-sub__carousel::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 118px;
  height: 100%;
  pointer-events: none;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--bg-color)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--bg-color) 100%);
}
.hs-navigation-sub .hs-navigation-sub__link {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.hs-navigation-sub .hs-navigation-sub__link:link {
  text-decoration: none;
}
@media (min-width: 768px) {
  .hs-navigation-sub .hs-navigation-sub__link {
    padding: 17px 0;
  }
  .hs-navigation-sub .hs-navigation-sub__link:hover {
    color: #c02;
    text-decoration: underline;
    -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.hs-navigation-sub .swiper-slide {
  width: auto;
  margin-right: 40px;
}
.hs-navigation-sub .swiper-button-prev,
.hs-navigation-sub .swiper-button-next {
  top: 50%;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .hs-navigation-sub .swiper-button-prev,
  .hs-navigation-sub .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .hs-navigation-sub .swiper-button-prev::before,
  .hs-navigation-sub .swiper-button-next::before {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 11px;
    content: "";
    border-top: 2px solid #c02;
    border-left: 2px solid #c02;
  }
}
.hs-navigation-sub .swiper-button-prev::after,
.hs-navigation-sub .swiper-button-next::after {
  content: "";
}
.hs-navigation-sub .swiper-button-prev {
  left: 10px;
}
.hs-navigation-sub .swiper-button-prev::before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.hs-navigation-sub .swiper-button-next {
  right: 10px;
}
.hs-navigation-sub .swiper-button-next::before {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
.hs-navigation-sub .swiper-button-disabled {
  opacity: 0.2;
}

/* --------------------------------
  hs-alignment-box
-------------------------------- */
.hs-alignment-box {
  position: relative;
  height: 100%;
  border: 1px solid #bbb;
  padding-top: 16vw;
}
@media (min-width: 768px) {
  .hs-alignment-box {
    padding-left: 110px;
    padding-top: 0;
  }
}
.hs-alignment-box .hs-alignment-box__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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.6666666667vw;
  height: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media (min-width: 768px) {
  .hs-alignment-box .hs-alignment-box__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
  }
}
.hs-alignment-box .hs-alignment-box__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16vw;
  background: #d4324d;
}
@media (min-width: 768px) {
  .hs-alignment-box .hs-alignment-box__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 100%;
    background: #d4324d;
  }
}
.hs-alignment-box .hs-alignment-box__icon img {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
}
@media (min-width: 768px) {
  .hs-alignment-box .hs-alignment-box__icon img {
    width: 42px;
    height: 42px;
  }
}
.hs-alignment-box .hs-alignment-box__text {
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.8;
}
html[lang=en] .hs-alignment-box .hs-alignment-box__text, .hs-alignment-box .hs-alignment-box__text.caption--en, .hs-alignment-box .hs-alignment-box__text.figcaption--en {
  font-family: "メイリオ", meiryo, arial, helvetica, sans-serif;
  font-size: 5.3333333333vw;
}
html[lang=en] .hs-alignment-box .hs-alignment-box__text {
  font-family: verdana, arial, helvetica, sans-serif !important;
}
@media screen and (min-width: 768px) {
  .hs-alignment-box .hs-alignment-box__text {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    line-height: 1.4;
  }
}

/* --------------------------------
  hs-page-top
-------------------------------- */
.hs-page-top {
  position: fixed;
  bottom: 0;
  right: 5.3333333333vw;
  z-index: 1000;
  margin-bottom: 5.3333333333vw;
}
@media (min-width: 768px) {
  .hs-page-top {
    bottom: 0;
    right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .hs-page-top:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

/* --------------------------------
  hs-author-profile
-------------------------------- */
.hs-author-profile {
  display: grid;
  grid: "title title" auto "dept dept" auto "image name" auto "text text" auto/40% 1fr;
  gap: 4vw 2.6666666667vw;
}
@media (min-width: 768px) {
  .hs-author-profile {
    grid: "title title" auto "image dept" auto "image name" auto "image text" auto/170px 1fr;
    gap: 20px 40px;
  }
}

.hs-author-profile__title {
  grid-area: title;
}

.hs-author-profile__dept {
  grid-area: dept;
  line-height: 1.3;
}

.hs-author-profile__name {
  grid-area: name;
}

.hs-author-profile__text {
  grid-area: text;
}

.hs-author-profile__image {
  grid-area: image;
}

/* --------------------------------
  hs-related-keyword 関連キーワード
-------------------------------- */
@media (max-width: 767.98px) {
  .hs-related-keyword {
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
  }
}
.hs-related-keyword .hs-l-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.6em !important;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}
@media (min-width: 768px) {
  .hs-related-keyword .hs-l-grid {
    -webkit-column-gap: 0.8em;
       -moz-column-gap: 0.8em;
            column-gap: 0.8em;
    row-gap: 1em !important;
  }
}
.hs-related-keyword .hs-c-button {
  width: auto;
  height: auto;
  min-height: 1em;
  padding: 0.8em 1.8em 0.8em 2.6em;
  border: 1px solid #ddd;
  border-radius: 1.3em;
  background-color: #fff;
  color: #333;
  font-size: 0.75em;
  line-height: 1;
}
@media (min-width: 768px) {
  .hs-related-keyword .hs-c-button {
    font-size: 0.8em;
  }
}
.hs-related-keyword .hs-c-button::before {
  content: "#";
  margin: auto 0;
  bottom: 50%;
  right: 0;
  left: 1.2em;
  width: 1em;
  height: 1em;
  -webkit-transform: none;
          transform: none;
  font-size: 1em;
  line-height: 1;
  color: #c02;
  background: none;
}
.hs-related-keyword a.hs-c-button:hover {
  background: #707070;
  color: #fff !important;
  opacity: 1;
}

/* --------------------------------
  hs-c-usecase-list SSI用事例リンク
-------------------------------- */
.hs-c-usecase-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  .hs-c-usecase-list {
    grid-template-columns: repeat(auto-fit, minmax(280px, 330px));
  }
}
.hs-c-usecase-list__item {
  grid-row: span 4;
  display: grid;
  gap: 1em;
  grid-template-rows: subgrid;
  border: 1px solid #bbb;
}
.hs-c-usecase-list__item__image {
  -webkit-box-shadow: 0 0.3em 0.3em -0.3em hsla(0, 0%, 0%, 0.2);
          box-shadow: 0 0.3em 0.3em -0.3em hsla(0, 0%, 0%, 0.2);
}
.hs-c-usecase-list__item__image img {
  width: 100%;
}
.hs-c-usecase-list__item__title {
  padding: 0 1em;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.3em;
}
.hs-c-usecase-list__item__text {
  padding: 0 1em;
}
.hs-c-usecase-list__item__btn {
  padding: 0 1em 1em 1em;
}

.hs-c-usecase--none:has(+ .hs-c-usecase-list) {
  /*includeされたらnotメッセージは非表示*/
  display: none;
}

.hs-l-contents h2:not([class]) {
  /*SSIエラー時－エラーメッセージを削除 クラスを持たないH2*/
  display: none;
}

.hs-c-usecase--none:not(:has(+ .hs-c-usecase-list))::before {
  content: "現在、事例はありません。";
}
.hs-c-usecase--none:has(+ .hs-c-usecase--none) {
  display: none;
}
.hs-c-usecase--none + .hs-c-usecase--none::before {
  display: none;
}

/* --------------------------------
  products用utility
-------------------------------- */
/* --------------------------------
heading
*/
html a.u-heading-md {
  color: inherit;
  text-decoration: none;
}
html a.u-heading-md:visited {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  html a.u-heading-md:hover {
    text-decoration: underline;
  }
}

/* --------------------------------
icon
*/
/*add hayashi1008*/
.u-icon-new {
  position: relative;
  text-indent: 3.6em;
}
.u-icon-new::before {
  content: "NEW";
  position: absolute;
  display: inline-block;
  width: 3.5em;
  height: auto;
  left: 0;
  top: 0.3em;
  padding: 0.2em 0 0.1em 0;
  background: var(--base-color);
  color: #fff;
  line-height: 1;
  font-size: 0.8em;
  text-indent: 0;
  text-align: center;
}

/* --------------------------------
layout
*/
/*grid-縦横中央 */
.u-item-center {
  place-items: center;
}

/*grid-縦中央*/
.u-align-items-centerpass {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}