@charset "UTF-8";
/* 
======== CONTENTS ==========================================
	Site Name: 商品ページ全般
    2023.4.10
 =========================================================
*/
/*フォント*/
/*H-赤*/
/*H-青*/
/*H-グレー*/
/*ボタン*/
/*背景*/
/*背景・文字色*/
/*商品用-赤*/
/*----------------------------------
  Parts
  パーツのスタイル
 ----------------------------------*/
/*=========================================================
  Google Fonts import
    font-family: 'M PLUS 1p', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
=========================================================*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;800&family=Noto+Sans+JP:wght@500;700;900&display=swap");
/*
 * 上位表示リセット
 */
/*ページトップへ非表示*/
.hs-pagetop {
  display: none; }

/*
 * コンテンツエリアを100%幅に
 */
#Contents > .hs-container {
  max-width: inherit;
  padding: 0; }

.hs-container > * {
  max-width: 965px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto !important;
  margin-left: auto !important; }

.hs-row {
  max-width: 995px;
  padding-right: 0 !important;
  padding-left: 0 !important; }

@media screen and (max-width: 994px) {
  #Contents > .hs-container {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }
/*
 * 100%フルサイズ
 */
.hs-fullbox {
  background: #f4f5f7;
  max-width: inherit;
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .hs-fullbox > * {
    width: 965px;
    margin-left: auto;
    margin-right: auto; }
    .hs-fullbox > *:last-child {
      margin-bottom: 0; }
  .hs-fullbox .hs-heading-lv2 {
    margin-top: 0; }
  .hs-fullbox--price {
    /*価格*/
    position: relative; }
    .hs-fullbox--price__item {
      padding: 3rem;
      min-height: 6rem;
      background-color: #fff;
      border-radius: 2rem;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .hs-fullbox--price__item *:first-child {
        margin-top: 0 !important; }
      .hs-fullbox--price__item *:last-child {
        margin-bottom: 0 !important; }

@media screen and (max-width: 994px) {
  .hs-fullbox > * {
    max-width: calc(100% - 20px); }
  .hs-fullbox--price {
    /*価格*/ }
    .hs-fullbox--price__item {
      padding: 1rem;
      min-height: 4rem; } }
/*
 * 見出し
 */
.hs-page-heading {
  max-width: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 250px;
  padding-left: calc((100% - 965px) / 2);
  padding-right: calc((100% - 965px) / 2); }
  .hs-page-heading__title {
    width: 965px;
    margin: 0 auto;
    padding: 0;
    border-left: none;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    font-size: 2.3125rem;
    font-weight: 900; }
  .hs-page-heading__catch {
    /*キャッチコピー*/
    width: 965px;
    margin: 1rem auto 0 auto;
    letter-spacing: .2rem;
    font-size: .9em;
    font-weight: normal; }
  .hs-page-heading__catch::before, .hs-page-heading__catch::after {
    content: '～'; }
  .hs-page-heading--darken {
    min-height: inherit; }
    .hs-page-heading--darken__title {
      font-size: 1.5625rem; }

@media screen and (max-width: 994px) {
  .JS .hs-page-heading {
    margin-left: -.625rem !important;
    margin-right: -.625rem !important;
    padding-left: .625rem;
    padding-right: .625rem;
    background-color: rgba(255, 255, 255, 0.3) !important;
    background-blend-mode: lighten; }
    .JS .hs-page-heading--darken {
      background-color: #6e6e6e !important;
      background-image: none !important; } }
@media screen and (max-width: 767px) {
  .JS .hs-page-heading {
    min-height: 10rem;
    padding-left: 1rem;
    background: #f2f2f2 url(/res/image/products/bg_pagetitle.png) repeat-y top right; }
    .JS .hs-page-heading__title {
      font-size: 6.4vw; }
    .JS .hs-page-heading__catch {
      margin-top: 1rem;
      letter-spacing: inherit;
      line-height: 1.2;
      font-size: .7em;
      font-weight: 700; } }
.hs-heading-lv2 {
  margin-top: 6rem;
  margin-bottom: 2.2rem;
  padding: 0;
  background: none;
  border-bottom: none; }
  .hs-heading-lv2__title {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0 0 1.2rem 0;
    text-align: center;
    background-image: none;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    letter-spacing: .05em; }
    .hs-heading-lv2__title::after {
      content: "";
      display: block;
      width: 1.9em;
      height: 4px;
      position: absolute;
      z-index: 0;
      left: 0;
      right: 0;
      bottom: -3px;
      margin: 0 auto;
      background-color: #dc002a; }
    .hs-heading-lv2__title__strong {
      color: #dc002a; }
    .hs-heading-lv2__title--sign {
      /*タイトル前に看板*/
      display: flex;
      justify-content: center;
      align-items: center; }
      .hs-heading-lv2__title--sign__label {
        margin-top: .3em;
        margin-right: .7em;
        padding: .1em .5em .2em .5em;
        font-size: .5em;
        color: #fff;
        background: #dc002a; }
      .hs-heading-lv2__title--sign__txt {
        padding-bottom: 0; }
  .hs-heading-lv2 + .hs-content {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .JS .hs-heading-lv2 {
    margin-bottom: 1.5rem; }
    .JS .hs-heading-lv2__title {
      font-size: 6.4vw;
      letter-spacing: .05em; }
      .JS .hs-heading-lv2__title::after {
        height: calc(4/750 * 100vw); }
      .JS .hs-heading-lv2__title--sign {
        /*タイトル前に看板*/
        display: block; }
        .JS .hs-heading-lv2__title--sign__label {
          margin: 0 auto .5rem auto;
          display: inline-block; }
        .JS .hs-heading-lv2__title--sign__txt {
          display: block; } }
.hs-heading-lv3 {
  margin-top: 4rem;
  padding: 0;
  border-bottom: none; }
  .hs-heading-lv3__title {
    margin: 0;
    border-left: none;
    padding: 0;
    text-align: center;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    font-size: 1.6875rem;
    font-weight: 900;
    line-height: 1.66;
    letter-spacing: .07em;
    color: #dc002a; }
    .hs-heading-lv3__title--catch {
      display: block;
      margin-bottom: 10px;
      font-family: 'M PLUS 1p', sans-serif;
      font-size: 59.523%;
      font-weight: 400;
      color: #717071; }
    .hs-heading-lv3__title--sub {
      display: block;
      margin-bottom: 16px;
      font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
      font-size: 59.523%;
      font-weight: 900;
      color: #dc002a; }
    .hs-heading-lv3__title > a {
      padding: 0;
      color: #dc002a;
      background: none;
      text-decoration: underline; }
      .hs-heading-lv3__title > a:link {
        color: #dc002a;
        background: none;
        text-decoration: underline; }
      .hs-heading-lv3__title > a:visited {
        color: #dc002a;
        background: none;
        text-decoration: underline; }
      .hs-heading-lv3__title > a:hover {
        text-decoration: underline; }
  .hs-heading-lv3 + .hs-content {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .JS .hs-heading-lv3__title {
    font-size: 5.3vw;
    margin-bottom: calc(24/750 * 100vw); }
    .JS .hs-heading-lv3__title--catch {
      font-size: 3.2vw;
      margin-bottom: calc(20/750 * 100vw); }
    .JS .hs-heading-lv3__title--sub {
      font-size: 3.2vw;
      margin-bottom: calc(24/750 * 100vw); } }
.hs-heading-lv4 {
  padding-right: 0.625rem;
  padding-left: 0;
  padding-bottom: 0;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px dashed #cfcfcf; }
  .hs-heading-lv4__title {
    margin: 0;
    line-height: 1.4;
    font-weight: bold;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    background: none; }
  .hs-heading-lv4 + .hs-content {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .hs-heading-lv4__title {
    font-size: 4.2vw; } }
/*
 * テキスト
 */
.hs-text {
  margin-bottom: 1em;
  word-break: break-all;
  line-height: 1.77;
  letter-spacing: .04em; }

@media screen and (max-width: 767px) {
  .JS .hs-text {
    font-size: 3.2vw; } }
/* 注釈 */
.hs-annotation {
  padding-left: 1em;
  margin-top: -.2em;
  margin-bottom: 1rem;
  text-indent: -1em;
  letter-spacing: .04em;
  font-size: .86rem;
  color: #666; }

@media screen and (max-width: 767px) {
  .JS .hs-annotation {
    font-size: 0.875rem; } }
/*
 * ボタン
 */
.hs-btn {
  display: inline-block;
  margin-bottom: 1rem; }

a.hs-btn {
  background-color: #dc002a;
  border-radius: 2rem;
  padding: 1em 1.2em;
  font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #fff !important;
  text-align: left;
  text-decoration: none;
  position: relative;
  z-index: 0;
  transition: opacity 200ms linear;
  border: none; }
  a.hs-btn:hover {
    opacity: 0.7; }
  a.hs-btn > * {
    color: #fff; }
  a.hs-btn--arrow {
    /*矢印付き*/
    padding: 1em 55px 1em 1.2em; }
    a.hs-btn--arrow::before, a.hs-btn--arrow::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 0;
      top: 0;
      bottom: 0;
      margin: auto 0; }
    a.hs-btn--arrow::before {
      width: 34px;
      height: 34px;
      border: 2px solid #fff;
      border-radius: 50%;
      left: inherit;
      right: 16px; }
    a.hs-btn--arrow::after {
      width: 7px;
      height: 7px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      right: 31px; }
  a.hs-btn--inversion {
    /*反転*/
    background: #fff;
    border: 1px solid #dc002a;
    color: #dc002a !important; }
    a.hs-btn--inversion::before {
      background: #dc002a; }
  a.hs-btn--inversion:link, a.hs-btn--inversionvisited {
    color: #dc002a !important; }
  a.hs-btn--estimate {
    /*円マーク付き*/
    padding: 1em 1.2em;
    display: flex;
    width: fit-content;
    margin: 0 auto;
    align-items: center; }
    a.hs-btn--estimate::before {
      content: "￥";
      display: inline-block;
      margin: auto 0.7em auto 0;
      padding-left: 0.1em;
      width: 1.6em;
      min-width: 1.6em;
      height: 1.6em;
      background: #fff;
      border: none;
      border-radius: 50%;
      font-size: 1.6em;
      color: #dc002a;
      line-height: 1.6;
      text-align: center; }
    a.hs-btn--estimate::after {
      content: "";
      width: 0.7em;
      height: 0.7em;
      transform: rotate(45deg);
      margin: 0.7rem;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff; }

@media screen and (max-width: 767px) {
  a.hs-btn {
    margin-bottom: 1rem !important;
    padding: calc(18/750 * 100vw) calc(34/750 * 100vw);
    border-radius: 2em;
    font-size: 4vw;
    text-align: center; }
    a.hs-btn:hover {
      opacity: 1; }
    a.hs-btn:link, a.hs-btn:visited {
      color: #fff; }
    a.hs-btn::after {
      width: calc(15/750 * 100vw);
      height: calc(15/750 * 100vw);
      right: calc(56/750 * 100vw); }
    a.hs-btn--arrow {
      /*矢印付き*/
      padding: calc(18/750 * 100vw) calc(100/750 * 100vw) calc(18/750 * 100vw) calc(34/750 * 100vw); }
    a.hs-btn--arrow::before {
      width: calc(60/750 * 100vw);
      height: calc(60/750 * 100vw);
      right: calc(30/750 * 100vw); } }
/*
 * アイコン
 */
.hs-link {
  color: #1e4bbe;
  text-decoration: none; }
  .hs-link:link {
    color: #1e4bbe;
    text-decoration: none; }
  .hs-link:visited {
    color: #551a8b;
    text-decoration: none; }
  .hs-link:hover {
    text-decoration: underline; }

.hs-link-text {
  position: relative;
  display: inline-block;
  padding-left: 1.6875rem;
  color: #1e4bbe;
  text-decoration: none; }
  .hs-link-text:link {
    color: #1e4bbe;
    text-decoration: none; }
  .hs-link-text:visited {
    color: #551a8b;
    text-decoration: none; }
  .hs-link-text:hover {
    text-decoration: underline; }
  .hs-link-text:before {
    position: absolute;
    top: .35em;
    left: 8px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #dc002a; }

@media screen and (max-width: 767px) {
  .JS .hs-link-text {
    font-size: 0.875rem; } }
/*アンカーアイコン付き*/
.hs-anchor-text {
  display: inline-block;
  padding-left: 1.6875rem;
  color: #1e4bbe;
  background: url("-/media/0E3D70E6301D437DB2E2B95DA6B21CCB.ashx") no-repeat left 1px;
  text-decoration: none; }
  .hs-anchor-text:link {
    color: #1e4bbe;
    text-decoration: none; }
  .hs-anchor-text:visited {
    color: #551a8b;
    text-decoration: none; }
  .hs-anchor-text:hover {
    text-decoration: underline; }

@media screen and (max-width: 767px) {
  .JS .hs-anchor-text {
    font-size: 0.875rem; } }
/*PDFアイコン付き*/
.hs-link-pdf {
  display: inline-block;
  padding-left: 1.6875rem;
  color: #1e4bbe;
  background: url("-/media/E85F8C37EA464EC48A905F968D31FF6E.ashx") no-repeat left top;
  text-decoration: none; }
  .hs-link-pdf:link {
    color: #1e4bbe;
    text-decoration: none; }
  .hs-link-pdf:visited {
    color: #551a8b;
    text-decoration: none; }
  .hs-link-pdf:hover {
    text-decoration: underline; }

@media screen and (max-width: 767px) {
  .JS .hs-link-pdf {
    font-size: 0.875rem; } }
/*別窓*/
.hs-link-external {
  display: inline-block;
  padding-left: 1.6875rem;
  color: #1e4bbe;
  background: url("-/media/E025864EB5BA4667925C94C6F580BB9D.ashx") no-repeat left top;
  text-decoration: none; }
  .hs-link-external:link {
    color: #1e4bbe;
    text-decoration: none; }
  .hs-link-external:visited {
    color: #551a8b;
    text-decoration: none; }
  .hs-link-external:hover {
    text-decoration: underline; }

@media screen and (max-width: 767px) {
  .JS .hs-link-external {
    font-size: 0.875rem; } }
/*チェック*/
.hs-icon-check {
  position: relative;
  padding-left: 1.6875rem; }
  .hs-icon-check::before, .hs-icon-check::after {
    content: '';
    height: 1.3em;
    width: 0.3em;
    display: block;
    background: #dc002a;
    position: absolute;
    top: 0;
    left: .65em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border: none; }
  .hs-icon-check::before {
    height: .8em;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: .5em;
    left: 0; }

/*
 * リスト
 */
.hs-list {
  margin-bottom: 2rem; }
  .hs-list > .hs-list__item {
    margin-left: 1rem; }
    .hs-list > .hs-list__item.hs-row {
      /*リスト内のグリッドは両端のパディング削除*/
      margin-right: 0;
      margin-left: 0; }
    .hs-list > .hs-list__item:not(:last-child) {
      margin-bottom: .5rem; }
  .hs-list--inline li {
    display: inline-block; }
    .hs-list--inline li:not(:last-child) {
      margin-right: 1.2em; }
  .hs-list--dot .hs-list__item::before {
    content: "・";
    margin-left: -1rem;
    color: #717071; }
  .hs-list--disc > .hs-list--disc__item {
    position: relative; }
    .hs-list--disc > .hs-list--disc__item::before {
      content: "";
      border: solid #cfcfcf 0.1875rem;
      border-radius: 0.3125rem;
      display: inline-block;
      left: -1rem;
      top: .5em;
      position: absolute; }
  .hs-list--disc__title {
    margin-bottom: .25rem; }
  .hs-list--underline {
    /*下線*/ }
    .hs-list--underline__item {
      padding-bottom: .5rem;
      margin-left: 0 !important;
      text-indent: 0 !important; }
    .hs-list--underline__item::after {
      content: "";
      display: block;
      margin: 0 auto;
      width: 100%;
      border-bottom: 1px dashed #cfcfcf; }
  .hs-list--disc.hs-list--underline > li {
    /*discと下線*/
    margin-left: 1rem !important; }
    .hs-list--disc.hs-list--underline > li::after {
      /*discとセットの時はdisc分延びる*/
      margin: 0 0 0 -1rem;
      width: calc(100% + 1rem); }
  .hs-list--underline.hs-frame-body li:last-child {
    /*下線 枠とセットの時は最後尾のボーダー無し*/
    padding-bottom: 0; }
  .hs-list--underline.hs-frame-body li:last-child::after {
    border-bottom: none; }
  .hs-list--check {
    /*チェックリスト*/ }
    .hs-list--check__item {
      position: relative;
      padding-left: 1.6875rem; }
      .hs-list--check__item::before, .hs-list--check__item::after {
        content: '';
        height: 1.3em;
        width: 0.3em;
        display: block;
        background: #dc002a;
        position: absolute;
        top: 0;
        left: .65em;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        border: none; }
      .hs-list--check__item::before {
        height: .8em;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        top: .5em;
        left: 0; }

@media screen and (max-width: 767px) {
  .JS .hs-list {
    font-size: 0.875rem; } }
/*リンクリスト*/
.hs-list-link {
  margin-bottom: 1.25rem; }
  .hs-list-link__item {
    position: relative;
    padding-left: 1.6875rem;
    text-decoration: none; }
    .hs-list-link__item:not(:last-child) {
      margin-bottom: 0.625rem; }
    .hs-list-link__item > a {
      color: #dc002a !important; }
      .hs-list-link__item > a:link {
        color: #dc002a !important;
        text-decoration: none; }
      .hs-list-link__item > a:visited {
        color: #dc002a !important;
        text-decoration: none; }
      .hs-list-link__item > a:hover {
        text-decoration: underline; }
      .hs-list-link__item > a:before {
        position: absolute;
        top: .35em;
        left: 8px;
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #dc002a; }
  .hs-list-link--pdf__item {
    /*pdf*/
    padding-left: 1.6875rem; }
    .hs-list-link--pdf__item > a:before {
      display: inline-block;
      padding-left: 1.6875rem;
      top: 0;
      left: 0;
      height: 1.765em;
      background: url("-/media/E85F8C37EA464EC48A905F968D31FF6E.ashx") no-repeat left top;
      border: none; }
  .hs-list-link--external__item {
    /*別窓*/
    padding-left: 1.6875rem; }
    .hs-list-link--external__item > a:before {
      display: inline-block;
      padding-left: 0.9375rem;
      top: 0;
      left: 0;
      height: 1.765em;
      background: url("-/media/E025864EB5BA4667925C94C6F580BB9D.ashx") no-repeat left top;
      border: none; }
  .hs-list-link--circlearrow {
    /*関連枠*/
    font-weight: 600; }
    .hs-list-link--circlearrow__item {
      padding-left: 33px !important; }
    .hs-list-link--circlearrow__item a {
      color: #dc002a; }
      .hs-list-link--circlearrow__item a::before {
        content: "";
        display: block;
        width: 24px !important;
        height: 24px !important;
        border: 1px solid #dc002a !important;
        border-radius: 50%;
        position: absolute;
        top: 0 !important;
        left: 0 !important; }
      .hs-list-link--circlearrow__item a::after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-top: 1px solid #dc002a;
        border-right: 1px solid #dc002a;
        transform: rotate(45deg) translate(-2px, 2px);
        position: absolute;
        top: 9px;
        left: 11px; }

@media screen and (max-width: 767px) {
  .JS .hs-list-link {
    font-size: 0.875rem; } }
/*リンクボタンリスト*/
.hs-list-button {
  letter-spacing: -.4em; }
  .hs-list-button__item {
    display: inline-block;
    letter-spacing: normal; }
    .hs-list-button__item a {
      display: inline-block;
      padding: 0.625rem;
      min-width: 5em;
      margin-bottom: 0.6rem;
      margin-right: 0.6rem;
      border: 1px solid #ddd;
      background-color: #fff;
      border-radius: 1rem;
      font-size: .8125rem;
      text-align: center;
      line-height: 1;
      transition: all 300ms 0s ease;
      text-decoration: none; }
      .hs-list-button__item a:link, .hs-list-button__item a:visited {
        color: #1e4bbe; }
      .hs-list-button__item a:hover {
        color: #fff !important;
        background-color: #515151; }
    .hs-list-button__item--mini a {
      /*小さなボタン*/
      margin-bottom: 0.5rem;
      padding: .5rem .7rem;
      font-size: 0.68rem; }
    .hs-list-button__item--txt {
      /*more*/
      display: inline-block;
      letter-spacing: normal;
      text-decoration: underline;
      vertical-align: bottom;
      padding-bottom: .4rem; }

/*ナンバーリスト*/
.hs-order-list {
  padding: 0 0 0 1.5em;
  margin: 0 0 2rem 0;
  list-style-type: decimal; }
  .hs-order-list > __item:not(:last-child) {
    margin-bottom: .5rem; }
  .hs-order-list--inline li {
    display: inline-block; }
    .hs-order-list--inline li:not(:last-child) {
      margin-right: 1.2em; }
  .hs-order-list .hs-order-list {
    padding-left: 1.4em;
    margin-top: .5rem; }
  .hs-order-list__title {
    display: block;
    margin-bottom: .5rem;
    font-weight: bold; }

@media screen and (max-width: 767px) {
  .JS .hs-order-list {
    font-size: 0.875rem; } }
/*注釈リスト*/
.hs-list-annotation {
  margin-bottom: 2rem;
  font-size: .86rem;
  color: #666; }
  .hs-list-annotation__item {
    margin-left: 1rem;
    text-indent: -1rem; }

/*定義リスト*/
.hs-news-list {
  margin-bottom: 2rem;
  /*スクロールバーで範囲外を非表示*/ }
  .hs-news-list::after {
    content: "";
    display: block;
    clear: both; }
  .hs-news-list__date {
    float: left;
    width: 9em;
    padding-bottom: 0.9375rem;
    font-weight: bold; }
  .hs-news-list__body {
    width: 100%;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.9375rem;
    padding-left: 10em;
    border-bottom: 1px dashed #cfcfcf; }
    .hs-news-list__body p {
      margin-bottom: .5em; }
    .hs-news-list__body a {
      color: #1e4bbe;
      text-decoration: underline; }
      .hs-news-list__body a:link {
        color: #1e4bbe; }
      .hs-news-list__body a:visited {
        color: #551a8b; }
      .hs-news-list__body a:hover {
        text-decoration: underline; }
    .hs-news-list__body:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: 0; }
    .hs-news-list__body > *:last-child {
      margin-bottom: 0; }
  .hs-news-list--scroll-y {
    overflow-y: scroll;
    height: 20rem; }

@media screen and (max-width: 767px) {
  .JS .hs-news-list {
    font-size: 0.875rem; }
    .JS .hs-news-list__date {
      float: none;
      width: 100%; }
    .JS .hs-news-list__body {
      padding-left: 0; }
      .JS .hs-news-list__body:not(:nth-of-type(1)) {
        padding-top: 0;
        padding-bottom: 0.9375rem; } }
/*
 * タブ（js表示・非表示連動 tab_js）
 */
.hs-list-tab {
  margin-top: 50px;
  margin-bottom: 2rem;
  padding-left: 1rem;
  border-bottom: 1px solid #ccc;
  font-size: 0; }
  .hs-list-tab__item {
    display: inline-block;
    margin: 2px 5px -1px 0;
    min-width: 4rem;
    box-shadow: 0 0 0 1px #ddd inset;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #f4f5f7;
    text-align: center;
    overflow: hidden; }
    .hs-list-tab__item.js-active {
      /*アクティブ*/
      padding-top: 5px;
      box-shadow: none;
      background: #fff;
      border-top: 3px solid #dc002a;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #ccc; }
      .hs-list-tab__item.js-active .hs-list-tab__item__ttl {
        /*アクティブ*/
        font-size: 1rem;
        font-weight: 700;
        color: #333; }
    .hs-list-tab__item__ttl {
      display: block;
      padding: .6rem 1rem;
      max-width: 25em;
      line-height: 1.3;
      border: none;
      background: none;
      white-space: nowrap;
      text-decoration: none;
      font-size: .8rem;
      cursor: pointer;
      color: #666; }
  .hs-list-tab__panel {
    /*パネル*/
    display: none;
    margin-bottom: 2rem;
    opacity: 0;
    transition: all 300ms 0s ease; }
    .hs-list-tab__panel > .hs-heading-lv2 {
      display: none; }
    .hs-list-tab__panel.js-active {
      display: block;
      opacity: 1;
      transition: all 300ms 0s ease; }

@media screen and (max-width: 579px) {
  .hs-list-tab {
    position: relative;
    background: #e8e8e8;
    padding: .5rem;
    border-bottom: none;
    z-index: 1000; }
    .hs-list-tab::after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 1rem;
      height: 1rem;
      bottom: -.3rem;
      left: calc(50% - 1rem);
      background: #e8e8e8;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1; }
    .hs-list-tab__item {
      margin: 1px 2px;
      min-width: 32%;
      max-width: 100%;
      box-shadow: 0 0 0 1px #ddd inset;
      border-radius: .3rem; }
      .hs-list-tab__item.js-active {
        padding-top: 0;
        box-shadow: 0 0 0 1px #ccc inset;
        border-bottom: none; }
      .JS .hs-list-tab__item__ttl {
        max-width: 100%;
        margin: 0 0 5px 0; } }
/*
 * 表組
 */
.hs-table {
  margin-bottom: 2rem; }
  .hs-table table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0; }
  .hs-table th, .hs-table td {
    padding: 0.625rem;
    text-align: left;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    letter-spacing: .04em; }
  .hs-table th {
    font-weight: normal;
    background-color: #f2f2f2;
    font-size: 100%; }
  .hs-table td {
    background-color: transparent;
    font-size: 0.9375rem; }
    .hs-table td p {
      margin-bottom: .5em; }
    .hs-table td *:last-child {
      margin-bottom: 0; }
  .hs-table thead th {
    font-weight: bold;
    color: #fff;
    background-color: #717071; }
  .hs-table--dotted th, .hs-table--dotted td {
    border: 1px dotted #cfcfcf; }
  .hs-table--stripe tbody tr:nth-child(even) {
    background-color: #f2f2f2; }
  .hs-table__caption {
    margin-top: -1.75rem;
    margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
  .JS .hs-table th, .JS .hs-table td {
    font-size: 0.875rem; }
  .JS .hs-table--scroll {
    overflow-x: scroll; }
    .JS .hs-table--scroll::-webkit-scrollbar {
      width: 100%;
      height: 10px; }
    .JS .hs-table--scroll::-webkit-scrollbar-track {
      background-color: #ccc; }
    .JS .hs-table--scroll::-webkit-scrollbar-thumb {
      background-color: #666; }
    .JS .hs-table--scroll::after {
      content: "";
      display: block;
      margin-bottom: 2rem; }
    .JS .hs-table--scroll table {
      min-width: 800px; }
  .JS .hs-table__caption {
    margin-top: -1.75rem;
    margin-bottom: 0;
    font-size: 0.875rem; } }
/*スマホでは縦表示*/
.hs-table--sp-vertical th,
.hs-table--sp-vertical td {
  border-bottom: 1px solid #ddd; }
.hs-table--sp-vertical th {
  top: 0;
  font-weight: normal;
  background: #f2f2f2; }

@media (max-width: 500px) {
  .hs-table--sp-vertical colgroup {
    display: none; }
  .hs-table--sp-vertical tr {
    border: 1px solid #cfcfcf; }
  .hs-table--sp-vertical td {
    display: block;
    border: none; }
  .hs-table--sp-vertical td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.25rem;
    padding: .5rem;
    background: #717071;
    color: #fff;
    font-size: .875rem;
    font-weight: bold; }
  .hs-table--sp-vertical__heading {
    display: none; } }
.hs-card-group__item {
  border: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf; }
  .hs-card-group__item + .hs-card-group__item {
    border-left: 0; }
.hs-card-group__head, .hs-card-group__data {
  padding: .75em 1em .65em;
  text-align: left;
  font-size: 100%; }
.hs-card-group__head {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #717071; }

@media screen and (max-width: 767px) {
  .JS .hs-card-group {
    font-size: 0.875rem; } }
/*
 * 枠
 */
/*枠のみ*/
.hs-frame {
  border-: 1px solid #cfcfcf; }

/*枠用の見出し*/
.hs-frame-title {
  padding: 0.6em 1.125rem 0.5em;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #f4f5f7;
  border: 1px solid #cfcfcf;
  border-bottom: none; }
  .hs-frame-title + .hs-frame-body {
    /*タイトルありのリストは上線削除*/
    border-top: none;
    margin-top: 0; }

/*h3タイトル付き枠*/
.hs-frame-body {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  padding: 0.625rem;
  margin-bottom: .5rem; }
  .hs-frame-body > *:last-child {
    margin-bottom: 0; }
  .hs-frame-body--border-middle {
    border-width: 2px; }
  .hs-frame-body--border-bold {
    border-width: 5px; }
  .hs-frame-body--border-coral {
    border-color: #fbc4ca; }
  .hs-frame-body--grid .hs-row {
    margin-bottom: -0.625rem; }
  .hs-frame-body--grid [class*="hs-col"] {
    margin-bottom: 0.625rem; }
    .hs-frame-body--grid [class*="hs-col"] > *:last-child {
      margin-bottom: 0; }

/*カタログイメージ 旧サイズをリサイズ*/
.js-add-slide img.hs-frame-body {
  width: 100%; }

/*
 * 下線
 */
.hs-border-line, .hs-border-dashed {
  padding-bottom: 0.625rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: .5rem;
  border-bottom: 1px solid #cfcfcf; }

.hs-border-dashed {
  border-bottom: 1px dashed #cfcfcf; }

/*
 * 背景
 */
.hs-bg {
  background-color: #f2f2f2; }

.hs-bg-red {
  background-color: #e60027; }

/*
 * 動画コンテナー
 */
.hs-video {
  margin-bottom: 2rem;
  background: url("-/media/1239AD31407149E086249D049935684C.ashx") no-repeat right bottom;
  background-size: 10% auto; }
  .hs-video__container {
    position: relative; }
    .hs-video__container::before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 56.25%; }
    .hs-video__container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .hs-video__embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .hs-video__meta {
    margin-top: 0.9375rem; }
    .hs-video__meta p:not(:last-child) {
      margin-bottom: .5em; }
  .hs-video--compact {
    padding: 1rem;
    background: #f4f5f7 url("-/media/1239AD31407149E086249D049935684C.ashx") no-repeat right 1rem bottom 1rem;
    background-size: 10% auto;
    border-bottom: 1px dashed #cfcfcf; }
    .hs-video--compact::after {
      content: "";
      display: block;
      clear: both; }
    .hs-video--compact__container {
      width: 35%;
      padding-right: 0.9375rem;
      float: left; }
      .hs-video--compact__container::before {
        padding-top: 0; }
    .hs-video--compact__meta {
      float: right;
      width: 65%;
      margin-top: 0; }

@media screen and (max-width: 767px) {
  .JS .hs-video {
    font-size: 0.875rem;
    background-size: 30%; }
    .JS .hs-video--compact__container {
      float: none;
      width: 100%;
      padding-right: 0;
      text-align: center; }
    .JS .hs-video--compact__meta {
      float: none;
      width: 100%;
      margin-top: 0.9375rem; } }
/*
 * ローカルナビ
 */
.hs-guidenav {
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  padding: .5rem; }
  .hs-guidenav__links {
    display: flex;
    flex-wrap: wrap;
    padding: 0.375rem; }
    .hs-guidenav__links__item {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 0.25rem; }
  .hs-guidenav__btn {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.8125rem;
    text-align: center;
    color: #dc002a !important;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 1rem;
    font-weight: 700; }
    .hs-guidenav__btn:link {
      color: #dc002a;
      text-decoration: none; }
    .hs-guidenav__btn:visited {
      color: #dc002a;
      text-decoration: none; }
    .hs-guidenav__btn:hover {
      text-decoration: underline; }
    .hs-guidenav__btn--icon {
      position: relative;
      padding-left: 2.375rem; }
      .hs-guidenav__btn--icon::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: "";
        width: 2.375rem;
        height: 100%;
        background-color: #dc002a;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 1rem 0 0 1rem; }
    .hs-guidenav__btn--icon01::before {
      /*別窓*/
      background-image: url("-/media/64E1F510091A4252B1378F1A047DE63D.ashx"); }
    .hs-guidenav__btn--icon01::after {
      position: absolute;
      content: "";
      left: 33px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background: #dc002a;
      transform: rotate(45deg); }
    .hs-guidenav__btn--icon02::before {
      /*資料*/
      background-image: url("-/media/5E321E280E694D2B8B7BC2295A80F0A9.ashx"); }
    .hs-guidenav__btn--icon02::after {
      position: absolute;
      content: "";
      left: 33px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background: #dc002a;
      transform: rotate(45deg); }
    .hs-guidenav__btn--icon03::before {
      /*ダウンロード*/
      background-image: url("-/media/5B96A3F579FF41C19CF2625348BE0153.ashx"); }
    .hs-guidenav__btn--icon03::after {
      position: absolute;
      content: "";
      left: 33px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background: #dc002a;
      transform: rotate(45deg); }
    .hs-guidenav__btn--icon04::before {
      /*導入事例*/
      background-image: url("-/media/4EEAB4D34E6B41D4BD7A3545626E0F34.ashx"); }
    .hs-guidenav__btn--icon04::after {
      position: absolute;
      content: "";
      left: 33px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background: #dc002a;
      transform: rotate(45deg); }
  .hs-guidenav__slider {
    position: relative; }

@media screen and (max-width: 767px) {
  .JS .hs-guidenav__links__item {
    flex: 0 0 50%;
    max-width: 50%; }
  .JS .hs-guidenav__slider {
    display: none !important; } }
@media screen and (max-width: 399px) {
  .JS .hs-guidenav__links__item {
    flex: 0 0 100%;
    max-width: 100%; } }
/*
 * アンカーナビ
 */
.hs-anchornav {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: #f2f2f2;
  border-radius: .4rem; }
  .hs-anchornav__item {
    position: relative;
    display: inline-block;
    margin-right: .3rem;
    padding: 0;
    color: #1e4bbe;
    background: none; }
    .hs-anchornav__item::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: .3rem;
      width: .5em;
      height: .5em;
      margin: auto;
      border-right: 2px solid #dc002a;
      border-bottom: 2px solid #dc002a;
      transform: rotate(45deg); }
    .hs-anchornav__item a {
      display: inline-block;
      padding: .6rem 1rem 1rem 1rem;
      min-width: 7em;
      text-align: center;
      font-weight: 700;
      border-radius: 1rem;
      background: #fff;
      box-shadow: 1px 1px 3px #bfbfbf ,-2px -2px 3px #ececec;
      transition: all 0.1s ease-in-out; }
    .hs-anchornav__item a:link {
      color: #dc002a; }
    .hs-anchornav__item a:visited {
      color: #dc002a; }
    .hs-anchornav__item a:hover {
      background: #fff;
      box-shadow: 0 0 1px #ccc,0 0 1px #ccc;
      transition: all 0.1s ease-in-out; }

@media screen and (max-width: 767px) {
  .JS .hs-anchornav {
    font-size: 0.875rem; } }
/*
 * 課題解決
 */
.hs-solution-box {
  max-width: inherit;
  margin-bottom: 2rem;
  padding: 1rem 8px;
  background: linear-gradient(90deg, #f4f5f7 0%, #f4f5f7 50%, #fbc4ca 50%, #fbc4ca 100%); }
  .hs-solution-box__header {
    display: flex;
    flex-wrap: wrap;
    width: 965px;
    margin: 0 auto;
    color: #717071; }
    .hs-solution-box__header__item {
      flex: 0 0 50%;
      max-width: 50%; }
  .hs-solution-box__title {
    display: block;
    padding: .3em .3em .2em;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    width: 100%; }
    .hs-solution-box__title::before {
      content: '【'; }
    .hs-solution-box__title::after {
      content: '】'; }
    .hs-solution-box__title--theme {
      background-color: inherit; }
    .hs-solution-box__title--solution {
      background-color: inherit; }
  .hs-solution-box__body {
    overflow: hidden;
    width: 965px;
    margin: 0 auto; }
    .hs-solution-box__body__item {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background-color: inherit; }
      .hs-solution-box__body__item:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: calc(50% - 2px);
        transform: translate(-50%, -50%);
        color: #333;
        margin-left: 2px;
        margin-top: 10px;
        width: 58px;
        height: 2px;
        background-color: #333;
        border: none;
        z-index: 10; }
      .hs-solution-box__body__item::after {
        content: '';
        position: absolute;
        right: calc(50% - 1px);
        left: calc(50% + 1px);
        top: calc(50% - 2px);
        bottom: 50%;
        width: 28px;
        height: 10px;
        border-top: solid 2px #333;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .hs-solution-box__body__item:not(:last-child) {
        margin-bottom: .5rem; }
      .hs-solution-box__body__item__col {
        display: flex;
        flex: 0 0 47%;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 0;
        max-width: 47%;
        padding: 0.9375rem 1.25rem;
        margin: 8px;
        background-color: #fff;
        border-radius: 18px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
        .hs-solution-box__body__item__col p {
          margin-bottom: .5em; }
        .hs-solution-box__body__item__col > *:last-child {
          margin-bottom: 0; }
  .hs-solution-box__list__item {
    position: relative;
    margin-left: 1rem; }
    .hs-solution-box__list__item::before {
      content: "";
      border: solid #E60027 0.235rem;
      border-radius: 0.47rem;
      display: inline-block;
      left: -1rem;
      top: .5em;
      position: absolute;
      background: #E60027; }
    .hs-solution-box__list__item:not(:last-child) {
      margin-bottom: 0.3125rem; }

@media screen and (max-width: 965px) {
  .JS .hs-solution-box__header, .JS .hs-solution-box__body {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .JS .hs-solution-box {
    padding: 0;
    background: none;
    font-size: 0.875rem; }
    .JS .hs-solution-box__header {
      display: none; }
    .JS .hs-solution-box__title {
      font-size: 1rem; }
    .JS .hs-solution-box__body {
      width: 100%; }
      .JS .hs-solution-box__body__item {
        margin: 8px; }
        .JS .hs-solution-box__body__item::before, .JS .hs-solution-box__body__item::after {
          display: none; }
        .JS .hs-solution-box__body__item__col {
          padding: 1rem .8rem;
          margin-bottom: 8px;
          flex: 0 0 calc(100% - 16px);
          max-width: 100%; }
          .JS .hs-solution-box__body__item__col::before {
            content: '【課題】';
            display: block;
            margin: -1rem -.8rem .8rem -.8rem;
            padding: .3em;
            border-radius: 1rem 1rem 0 0;
            text-align: center;
            background: #cfcfcf;
            font-size: 3.2vw;
            font-weight: 700;
            color: #717071; }
          .JS .hs-solution-box__body__item__col:last-of-type::before {
            content: '【解決】';
            display: block;
            margin: -1rem -.8rem .8rem -.8rem;
            padding: .3em;
            border-radius: 1rem 1rem 0 0;
            text-align: center;
            background: #fbc4ca;
            font-size: 3.2vw;
            font-weight: 700;
            color: #717071;
            letter-spacing: .04em; }
          .JS .hs-solution-box__body__item__col:last-of-type::after {
            content: '';
            position: absolute;
            margin: auto;
            right: 0;
            left: 0;
            top: -2.7em;
            width: 2.5em;
            height: 2.5em;
            border-right: solid 1px #333;
            border-bottom: solid 1px #333;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }
/*
 * サービスステップ
 */
.hs-steps {
  margin-bottom: 2rem; }
  .hs-steps__item {
    display: flex;
    align-items: center; }
    .hs-steps__item:not(:last-child) {
      margin-bottom: 0.9375rem; }
    .hs-steps__item__icon {
      flex-shrink: 0;
      max-width: 100%;
      padding: .5em 1em .4em;
      margin-right: 0.9375rem;
      text-align: center;
      font-weight: bold;
      font-size: 0.875rem;
      color: #fff;
      background-color: #c00000;
      border-radius: 5px; }
    .hs-steps__item__text {
      padding-top: .3em;
      font-weight: bold;
      color: #c00000; }

.hs-steps--darkblue {
  margin-bottom: 1.25rem; }
  .hs-steps--darkblue__item__icon {
    background-color: #1f497d; }
  .hs-steps--darkblue__item__text {
    color: #1f497d; }

@media screen and (max-width: 767px) {
  .JS .hs-steps {
    font-size: 0.875rem; }
    .JS .hs-steps__item {
      display: block; }
      .JS .hs-steps__item__icon {
        display: block;
        margin-bottom: 0.625rem;
        margin-right: 0;
        font-size: 0.75rem; } }
/*
 * 機能ボックス
 */
.hs-feature {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 1.25rem; }
  .hs-feature a {
    color: #1e4bbe;
    text-decoration: none; }
    .hs-feature a:link {
      color: #1e4bbe; }
    .hs-feature a:visited {
      color: #551a8b; }
    .hs-feature a:hover {
      text-decoration: underline; }
  .hs-feature__thumb {
    flex: 0 0 15%;
    max-width: 15%; }
    .hs-feature__thumb img {
      width: 100%; }
  .hs-feature__body {
    flex: 0 0 85%;
    max-width: 85%;
    padding-left: 1.25rem; }
  .hs-feature__title {
    margin-bottom: 0.5em;
    font-size: 1.0625rem; }
  .hs-feature__link {
    text-align: right; }

@media screen and (max-width: 767px) {
  .hs-feature__thumb {
    flex: 0 0 20%;
    max-width: 20%; }
  .hs-feature__body {
    flex: 0 0 80%;
    max-width: 80%; } }
@media screen and (max-width: 399px) {
  .JS .hs-feature {
    display: block; }
    .JS .hs-feature__thumb {
      flex: 0 0 100%;
      text-align: center;
      max-width: 100%;
      margin-bottom: 0.625rem; }
    .JS .hs-feature__body {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0; } }
/*
 * 組み合わせ商品
 */
.hs-alignment {
  margin-bottom: 3rem; }
  .hs-alignment__item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto 1.5rem auto;
    width: 80%;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
    .hs-alignment__item::before {
      /*アイコン*/
      content: '';
      position: absolute;
      width: 4rem;
      height: 4rem;
      top: 0;
      bottom: 0;
      left: .5rem;
      margin: auto 0;
      background: url(-/media/1E8AFB77DBD34660AB9E1EB778CCF5A0.ashx) no-repeat center center; }
    .hs-alignment__item__main {
      /*連携商品名*/
      flex: 1;
      padding: 1rem 1rem 1rem 4.5rem;
      text-align: center; }
      .hs-alignment__item__main__link {
        margin-top: 1rem; }
    .hs-alignment__item__supplement {
      /*組み合わせ商品説明文*/
      flex: 1;
      padding: 1rem; }

@media screen and (max-width: 767px) {
  .hs-alignment__item {
    display: block;
    width: 98%; }
    .hs-alignment__item::before {
      top: .5rem;
      right: 0;
      bottom: auto;
      left: 0;
      margin: 0 auto; }
    .hs-alignment__item__main {
      padding: 5rem 1rem 0 1rem; }
      .hs-alignment__item__main__link {
        padding-bottom: 0; } }
/*
 * お問い合わせ＆TOPへボタン-ページ追従
 */
/*設置されているパーツは非表示*/
.hs-pagetop--middle,
.hs-inquiry {
  display: none; }

/*sticky*/
_:-ms-fullscreen,
:root .hs-s-sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  text-align: center; }

.hs-s-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  padding: .5rem 1rem;
  background: rgba(207, 207, 207, 0.7);
  text-align: right;
  justify-content: center; }

/*wrap*/
.hs-inquery-fixed {
  display: flex;
  margin: 3rem 0;
  z-index: 69; }

@media screen and (max-width: 767px) {
  .hs-inquery-fixed {
    margin-left: -.625rem !important;
    margin-right: -.625rem !important;
    width: calc(100% + 1.3rem);
    max-width: calc(100% + 1.3rem); } }
/*問合せボタン*/
.hs-inquiry-l {
  display: inline-block;
  position: relative;
  height: 5.3rem;
  margin: 0;
  z-index: 0;
  align-items: center; }
  .hs-inquiry-l:not(:first-child) {
    margin-left: 1rem; }
  .hs-inquiry-l__btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 2.5rem 0 4rem;
    background-color: #dc002a;
    box-shadow: 3px 3px 7px #333, -2px -2px 9px #ddd;
    transition: all 0.1s ease-in-out;
    border-radius: .4rem;
    text-align: center;
    z-index: 0;
    font-size: 1.3rem; }
    .hs-inquiry-l__btn:hover {
      box-shadow: 1px 1px 3px #666, -1px -1px 2px #b9b9b9;
      transition: all 0.1s ease-in-out;
      background: #dc002a; }
    .hs-inquiry-l__btn::before {
      content: "?";
      width: 3rem;
      height: 3rem;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      left: .5rem;
      margin: auto 0;
      background: #fff;
      font-size: 2.44rem;
      border-radius: 50%;
      color: #dc002a;
      line-height: 1.4;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
      font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif; }
    .hs-inquiry-l__btn::after {
      content: "";
      width: 1rem;
      height: 1rem;
      position: absolute;
      right: 1rem;
      top: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg);
      border: 2px solid #fff;
      border-left: transparent;
      border-bottom: transparent; }
  .hs-inquiry-l__lead {
    display: inline-block;
    margin-bottom: 0;
    padding-right: .5rem;
    font-size: .9rem;
    letter-spacing: 0.06em;
    line-height: 1;
    vertical-align: baseline;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif; }
  .hs-inquiry-l--sp {
    /*専用サイトバナー用*/ }
    .hs-inquiry-l--sp__btn {
      padding-left: 1rem;
      padding-right: 2rem;
      background-color: #565656; }
      .hs-inquiry-l--sp__btn::before {
        display: none; }
      .hs-inquiry-l--sp__btn img {
        height: 100% !important;
        width: auto;
        border-radius: .4rem; }
  .hs-inquiry-l--totop {
    /*ページトップへ*/
    display: flex;
    justify-content: flex-end;
    position: -webkit-sticky;
    position: sticky;
    bottom: 17vh;
    max-width: 100%;
    padding-right: 1vw;
    z-index: 9998; }
    .hs-inquiry-l--totop a {
      content: '';
      position: relative;
      width: 52px;
      height: 52px;
      background: #666;
      border-radius: 50%;
      transition: opacity 200ms linear; }
      .hs-inquiry-l--totop a::after {
        content: '';
        position: absolute;
        margin: auto;
        right: 0;
        left: 0;
        top: .4em;
        bottom: 0;
        width: 1em;
        height: 1em;
        border-left: solid 2px #ddd;
        border-top: solid 2px #ddd;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .hs-inquiry-l--totop a:hover {
        opacity: 0.7; }

@media screen and (max-width: 994px) {
  .hs-inquiry-l__lead {
    width: 100%; }
  .JS .hs-inquiry-l__btn {
    width: 100%;
    max-width: 100%;
    padding-left: 4rem;
    padding-right: 2rem; }
  .JS .hs-inquiry-l--sp__btn {
    padding-left: 1rem; } }
@media screen and (max-width: 767px) {
  .hs-inquiry-l {
    margin: 0; }
    .hs-inquiry-l--totop {
      margin-left: 1em; }
    .hs-inquiry-l__btn {
      font-size: 3vw;
      padding-left: 3.4rem;
      padding-right: 2.4rem; }
      .hs-inquiry-l__btn::before {
        width: 1em;
        height: 1em;
        font-size: 2em;
        line-height: 1.2; }
      .JS .hs-inquiry-l__btn::after {
        top: 0;
        left: inherit; }
    .hs-inquiry-l__lead {
      display: none; } }
@media screen and (max-width: 579px) {
  .hs-inquiry-l {
    height: auto;
    flex: 1; }
    .JS .hs-inquiry-l__btn {
      display: inline-block;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 2.5rem 1rem 1rem;
      line-height: 1.2;
      font-size: 4.3vw; }
    .hs-inquiry-l__btn::before {
      display: none; }
    .hs-inquiry-l--sp {
      /*専用サイト用ボタン*/ }
      .hs-inquiry-l--sp__btn {
        padding-left: 0; }
        .hs-inquiry-l--sp__btn img {
          object-fit: cover;
          width: auto;
          height: 100% !important; } }
/*
 * ステップ
 */
.hs-step {
  display: flex; }
  .hs-step__item {
    flex: 1;
    padding: 0.625rem;
    background: #f4f5f7; }
    .hs-step__item--arrow {
      position: relative;
      margin-right: 1.25rem; }
    .hs-step__item--arrow::after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      right: -17px;
      top: 50%;
      transform: translateY(-50%);
      border: 18px solid transparent;
      border-left: 13px solid #dc002a;
      border-right: 0; }

@media screen and (max-width: 579px) {
  .JS .hs-step {
    display: block; }
    .JS .hs-step__item {
      display: block;
      margin-right: 0;
      margin-bottom: 1.25rem; }
      .JS .hs-step__item--arrow::after {
        left: 50%;
        top: auto;
        bottom: -17px;
        transform: translateX(-50%);
        border: 18px solid transparent;
        border-top: 13px solid #dc002a;
        border-bottom: 0; } }
/*
 * QA
 */
.hs-qalist {
  margin-bottom: 2rem; }
  .hs-qalist__q {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px; }
    .hs-qalist__q::before {
      content: "Q";
      flex-basis: 4rem;
      padding-right: 10px;
      text-align: center;
      font-size: 3em;
      color: #777;
      font-weight: 700;
      line-height: 1; }
    .hs-qalist__q > *:nth-of-type(1) {
      flex-basis: calc(100% - 4em); }
  .hs-qalist__a {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; }
    .hs-qalist__a::before {
      content: "A";
      flex-basis: 4rem;
      padding-right: 10px;
      width: 1.2em;
      text-align: center;
      font-size: 3em;
      color: #b1000e;
      font-weight: 700;
      line-height: 1; }
    .hs-qalist__a > *:nth-of-type(1) {
      flex-basis: calc(100% - 4em); }

/*
 * QA-accordion
 * input の id と label の forをそろえる
 */
.hs-qalist-accordion__q__check {
  /*チェック*/
  display: none; }
  .hs-qalist-accordion__q__check:checked + .hs-qalist-accordion__q + .hs-qalist-accordion__a {
    /*初期非表示*/
    height: auto;
    opacity: 1; }
.hs-qalist-accordion__q {
  /*ラベル*/
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  transition: all 0.5s;
  margin-bottom: 20px;
  padding: 10px;
  padding-right: calc(10px + 1.2em);
  background: #f4f5f7;
  cursor: pointer; }
  .hs-qalist-accordion__q::before {
    content: "Q";
    padding-right: 10px;
    flex-basis: 4rem;
    text-align: center;
    font-size: 3em;
    color: #717071;
    font-weight: 700;
    line-height: 1; }
  .hs-qalist-accordion__q::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto 0;
    width: .8em;
    height: .8em;
    border-bottom: 2px solid #cfcfcf;
    border-left: 2px solid #cfcfcf;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: 0.2s; }
  .hs-qalist-accordion__q__check:checked + .hs-qalist-accordion__q::after {
    width: 1em;
    height: 0;
    border-left: none;
    transform: none;
    -webkit-transform: none;
    transition: 0.2s; }
  .hs-qalist-accordion__q > *:nth-of-type(1) {
    flex-basis: calc(100% - 4em); }
.hs-qalist-accordion__a {
  /*回答*/
  height: 0;
  padding: 0 0 0 10px;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px; }
  .hs-qalist-accordion__a::before {
    content: "A";
    padding-right: 10px;
    flex-basis: 4rem;
    text-align: center;
    font-size: 3em;
    color: #dc002a;
    font-weight: 700;
    line-height: 1; }
  .hs-qalist-accordion__a > *:nth-of-type(1) {
    flex-basis: calc(100% - 4em); }

/*
 * 専用サイト 定型バナー
 */
@keyframes shiny {
  0% {
    left: -20%; }
  10% {
    left: 130%; }
  100% {
    left: 130%; } }
.hs-bnr {
  position: relative;
  margin: auto auto 2.5rem;
  min-height: 150px;
  width: 965px;
  background-size: cover;
  overflow: hidden; }
  .hs-bnr::after {
    content: '';
    position: absolute;
    top: 17%;
    left: -20%;
    width: 60px;
    height: 100%;
    transform: scale(2) rotate(33deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 0%);
    animation-name: shiny;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }
  .hs-bnr a {
    /*イメージありの指定*/
    display: block;
    margin: 12px;
    border-radius: .4rem;
    box-shadow: 5px 5px 10px #bbb, -5px -5px 10px #eee;
    transition: all 0.2s ease-in-out; }
    .hs-bnr a:hover {
      box-shadow: 2px 2px 2px #bbb, -2px -2px 2px #eee; }
  .hs-bnr img {
    /*イメージありの指定*/
    width: 100%;
    border-radius: .4rem; }
    .hs-bnr img:hover {
      opacity: .7; }
  .hs-bnr__text {
    /*バナー上の文言*/
    margin-bottom: -10px;
    font-size: .8125rem; }
  .hs-bnr__link {
    position: relative;
    min-height: 250px;
    padding: 1rem 3rem 1rem 1rem;
    background: #fff url(/-/media/Project/DefaultSite/Products/Sample/941x250.ashx) no-repeat right center;
    background-size: cover;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none !important; }
    .hs-bnr__link::after {
      position: absolute;
      content: "";
      display: block;
      width: 1.6rem;
      height: 1.6rem;
      top: 0;
      bottom: 0;
      right: 2rem;
      margin: auto 0;
      border: solid #fff 3px;
      border-left: none;
      border-top: none;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg); }
    .hs-bnr__link__title {
      position: absolute;
      top: calc(50% - 1rem);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      font-size: 1.6rem;
      color: #fff; }
    .hs-bnr__link__text {
      position: absolute;
      top: calc(50% + 1.6rem);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      font-size: .857rem;
      color: #fff; }

@media screen and (max-width: 994px) {
  .hs-bnr {
    width: 100%; } }
@media screen and (max-width: 579px) {
  .hs-bnr {
    width: 100%;
    min-height: inherit;
    background-position: center center; }
    .hs-bnr::after {
      animation-duration: 2s; }
    .hs-bnr__link {
      min-height: auto; }
      .hs-bnr__link::after {
        width: 3.5vw;
        height: 3.5vw; }
      .hs-bnr__link__title {
        position: inherit;
        top: inherit;
        transform: inherit;
        margin: .5rem auto 3rem 0; }
      .hs-bnr__link__text {
        position: inherit;
        top: inherit;
        transform: inherit; } }
/*
 * 商品概要--ロゴ付き
 */
.hs-overview {
  max-width: inherit;
  margin-bottom: 2rem;
  padding: 3rem 8px;
  background: #f4f5f7; }
  .hs-overview__title {
    width: 965px;
    margin: 0 auto 2rem auto;
    padding: 0;
    text-align: center;
    background-image: none;
    font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    letter-spacing: 0.1em; }
  .hs-overview__wrap {
    width: 995px;
    margin: 0 auto; }
  .hs-overview__logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .hs-overview__logo__img {
      position: absolute;
      width: 50%;
      top: calc(50% - 36px);
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
  .hs-overview__btn {
    text-align: center; }
  .hs-overview .hs-row {
    margin: auto; }

@media screen and (max-width: 767px) {
  .hs-overview__title {
    width: 100%;
    margin: 0 auto 1.5rem auto !important;
    font-size: 6.4vw; }
  .hs-overview__wrap {
    max-width: 100%; }
  .hs-overview__logo {
    margin: 1rem 0 !important; }
    .hs-overview__logo__img {
      position: inherit;
      width: 100%;
      top: inherit;
      left: inherit;
      transform: inherit;
      text-align: center; } }
/*
 * 3つのポイント
 */
.hs-point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .hs-point__item {
    flex: 1;
    margin-left: 1rem;
    margin-bottom: 1em; }
    .hs-point__item:first-child {
      margin-left: 0; }
    .hs-point__item__icon {
      position: relative;
      display: block;
      width: 100%;
      min-height: 200px;
      border-radius: 18px;
      /*商品ごとに色変え可能にする*/
      background: #f37f38;
      background: #f95e68; }
      .hs-point__item__icon::before {
        /*ポイントアイコン共通*/
        content: '';
        width: 30%;
        height: 30%;
        max-width: 32%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: calc(20% - 1.5em); }
      .hs-point__item__icon::after {
        /*マーク共通*/
        content: '';
        width: 70%;
        height: 70%;
        max-width: 41%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: calc(30% - 2em);
        background: blue; }
    .hs-point__item__txt {
      width: 100%;
      margin: 28px 0 0 0;
      text-align: center; }

/*POINTアイコン--個別*/
.hs-point__item:first-child .hs-point__item__icon::before {
  background: url(-/media/0E2BBCC4C7454C169315A2D3D892C58B.ashx) no-repeat; }

.hs-point__item:nth-child(2) .hs-point__item__icon::before {
  background: url(-/media/2FDF8C167E9B428C97305AFD724FF468.ashx) no-repeat; }

.hs-point__item:nth-child(3) .hs-point__item__icon::before {
  background: url(-/media/C6B60DDD70AF460FB3D48A5099D7FBB2.ashx) no-repeat; }

.hs-point__item:nth-child(4) .hs-point__item__icon::before {
  background: url(-/media/141BE3AFF533428782E6FEC434DDC530.ashx) no-repeat; }

/*マーク--個別*/
.hs-icon-mark--aisystem::after {
  background: url(-/media/1A40EB08C55B4F8E9A9D6422B05B8096.ashx) no-repeat center center; }

.hs-icon-mark--announce::after {
  background: url(-/media/2F23318964894E5DA0E8BF0B7EF653DA.ashx) no-repeat center center; }

.hs-icon-mark--antenna::after {
  background: url(-/media/C9319F3DFE994DB2A20B1F4C20D1ED47.ashx) no-repeat center center; }

.hs-icon-mark--badge::after {
  background: url(-/media/ECBB1AB61F854D23AC8AD65EB9251C2F.ashx) no-repeat center center; }

.hs-icon-mark--bcp::after {
  background: url(-/media/89B2909249C5483DB8FDF289089D1B65.ashx) no-repeat center center; }

.hs-icon-mark--bridge::after {
  background: url(-/media/EFAC43C80AA74122BCDFC45502CF30DF.ashx) no-repeat center center; }

.hs-icon-mark--building::after {
  background: url(-/media/6C8988B2EDAE46CE92DEF50B536ADB5A.ashx) no-repeat center center; }

.hs-icon-mark--calendar::after {
  background: url(-/media/B04765CDD3B44DC1858866FF719D9A50.ashx) no-repeat center center; }

.hs-icon-mark--card::after {
  background: url(-/media/C85FD3DA238448A2AB3883F332D451BB.ashx) no-repeat center center; }

.hs-icon-mark--check::after {
  background: url(-/media/DC59C6A502A346AE911810DE6EE9A927.ashx) no-repeat center center; }

.hs-icon-mark--clock::after {
  background: url(-/media/5283BF7D1E364596A3E75F9196074D0B.ashx) no-repeat center center; }

.hs-icon-mark--cloud::after {
  background: url(-/media/25737E62390540B78E31C16E78A5E1CF.ashx) no-repeat center center; }

.hs-icon-mark--cloudup::after {
  background: url(-/media/EEE14BE92F6F4BB391A19CF61983A48C.ashx) no-repeat center center; }

.hs-icon-mark--comment::after {
  background: url(-/media/40B2C634075A4007A878E6D4E3B562FC.ashx) no-repeat center center; }

.hs-icon-mark--data::after {
  background: url(-/media/F899ED09ADBF47089E9D80BE05DB67AA.ashx) no-repeat center center; }

.hs-icon-mark--detail::after {
  background: url(-/media/68E09905344944A8BAA2BB24765CC1DF.ashx) no-repeat center center; }

.hs-icon-mark--document::after {
  background: url(-/media/CB1DD84922E14E3685A89EF75E28FBCF.ashx) no-repeat center center; }

.hs-icon-mark--education::after {
  background: url(-/media/BEDCFE0235AA4903BD9B62EE308BEB58.ashx) no-repeat center center; }

.hs-icon-mark--eye::after {
  background: url(-/media/03ACEED25AC1404A905022DF07DB4D70.ashx) no-repeat center center; }

.hs-icon-mark--factory::after {
  background: url(-/media/E83B17CE74C945F1822EC8F5F4934C30.ashx) no-repeat center center; }

.hs-icon-mark--folder::after {
  background: url(-/media/B182235F07044232A1CD349AED04E9ED.ashx) no-repeat center center; }

.hs-icon-mark--geo::after {
  background: url(-/media/472D5FD94E5A47E08D821E5FD2E36C65.ashx) no-repeat center center; }

.hs-icon-mark--good::after {
  background: url(-/media/01DE2706D8E24CDDA2F1AF433AF7EDB3.ashx) no-repeat center center; }

.hs-icon-mark--group::after {
  background: url(-/media/4AD9E42C124948D796CB2415E83A2CB9.ashx) no-repeat center center; }

.hs-icon-mark--growth::after {
  background: url(-/media/9984A5E3F15C4656B9BBB45F771B6BC1.ashx) no-repeat center center; }

.hs-icon-mark--hands::after {
  background: url(-/media/79291BE1242F4F409CD0981D19DDD508.ashx) no-repeat center center; }

.hs-icon-mark--human::after {
  background: url(-/media/E55D92284BE347DCB706B4B9BA70C29F.ashx) no-repeat center center; }

.hs-icon-mark--info::after {
  background: url(-/media/E136617DD0DA4698B106151BE46C6A18.ashx) no-repeat center center; }

.hs-icon-mark--light::after {
  background: url(-/media/91F84952B325466B9E82F5555AE7BCAD.ashx) no-repeat center center; }

.hs-icon-mark--logistics::after {
  background: url(-/media/A9853ECBA9754D48B317BA560A75E8E2.ashx) no-repeat center center; }

.hs-icon-mark--management::after {
  background: url(-/media/5293FE66D56840D78FC44E08AE308A3D.ashx) no-repeat center center; }

.hs-icon-mark--medicine::after {
  background: url(-/media/EECC678A279D4129965C67A7DA61C750.ashx) no-repeat center center; }

.hs-icon-mark--memo::after {
  background: url(-/media/B3788851500541398C16BC2EB7301849.ashx) no-repeat center center; }

.hs-icon-mark--middleware::after {
  background: url(-/media/371581E7476041BD977BB14A2CBFE906.ashx) no-repeat center center; }

.hs-icon-mark--money::after {
  background: url(-/media/16DADABB89164574B44C8F5EC8E4B20F.ashx) no-repeat center center; }

.hs-icon-mark--net::after {
  background: url(-/media/30C0CE6ED6FB41CAB3D8773B0BDFDB7E.ashx) no-repeat center center; }

.hs-icon-mark--netgroup::after {
  background: url(-/media/EFA7C31724F94EDFA3C66F20CD5A206B.ashx) no-repeat center center; }

.hs-icon-mark--pc::after {
  background: url(-/media/7E44DAEB777D4517B63DAC24DEB2E42C.ashx) no-repeat center center; }

.hs-icon-mark--performance::after {
  background: url(-/media/CDD61BF2E28F45F387916E9B029091DF.ashx) no-repeat center center; }

.hs-icon-mark--plus--lightgray::after {
  background: url(-/media/1E8AFB77DBD34660AB9E1EB778CCF5A0.ashx) no-repeat center center; }

.hs-icon-mark--plus--red::after {
  background: url(-/media/C378C2D0BD964854937A40F8D1A72D26.ashx) no-repeat center center; }

.hs-icon-mark--report::after {
  background: url(-/media/B1E225B8E4B547978ED778321DCB7B76.ashx) no-repeat center center; }

.hs-icon-mark--rpa::after {
  background: url(-/media/AF101BD073564E128EC54DE5E8418E08.ashx) no-repeat center center; }

.hs-icon-mark--screen::after {
  background: url(-/media/454B07F807D1439D88A27CE96FFA9DE5.ashx) no-repeat center center; }

.hs-icon-mark--search::after {
  background: url(-/media/5C026DF881CB49E587D6E9EE5370B7E2.ashx) no-repeat center center; }

.hs-icon-mark--security::after {
  background: url(-/media/DC1C0F63BFA047AA810649A56B55FFD9.ashx) no-repeat center center; }

.hs-icon-mark--service::after {
  background: url(-/media/3E72B33E620F4CB8A66C71A3168E2E1E.ashx) no-repeat center center; }

.hs-icon-mark--source::after {
  background: url(-/media/328DDCEDD3C540A7B9515CDA9B6D9684.ashx) no-repeat center center; }

.hs-icon-mark--sp::after {
  background: url(-/media/64600445C80F498596476E9CC9FBEDC6.ashx) no-repeat center center; }

.hs-icon-mark--subscription::after {
  background: url(-/media/FEF9D11AEB9D454692F14761DD42B6CA.ashx) no-repeat center center; }

.hs-icon-mark--synergy::after {
  background: url(-/media/24E9AAE699AA487F93C423D0BB0B76B4.ashx) no-repeat center center; }

.hs-icon-mark--target::after {
  background: url(-/media/CC6CFA254F66472088FDCD4E6DC4284A.ashx) no-repeat center center; }

.hs-icon-mark--team::after {
  background: url(-/media/F9528798C04C4F7B8F83999E9935F9CF.ashx) no-repeat center center; }

.hs-icon-mark--utility::after {
  background: url(-/media/C1394465539441DBBA612A3AB378C021.ashx) no-repeat center center; }

.hs-icon-mark--vr::after {
  background: url(-/media/55B1890DA61B4A78AAF18EDAC5A0769C.ashx) no-repeat center center; }

.hs-icon-mark--wan::after {
  background: url(-/media/9FC57896FD8941FD9DC6CA938CDB0AD1.ashx) no-repeat center center; }

.hs-icon-mark--coin::after {
  background: url(-/media/FA1566CCFBB747AC97707AA27D448173.ashx) no-repeat center center; }

.hs-icon-mark--wallet::after {
  background: url(-/media/371F1E9F38F94DEE8E504E08FE64EB1A.ashx) no-repeat center center; }

.hs-icon-mark--pricedown::after {
  background: url(-/media/08CB32CCDA1A49F892B1465156EFCD10.ashx) no-repeat center center; }

/*タイトル上書き*/
.hs-heading-lv3__title--eng {
  display: block;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #717071;
  margin-bottom: .5rem; }

.hs-heading-lv3__title--jpn {
  line-height: 1.3; }

@media screen and (max-width: 767px) {
  .hs-point__item {
    flex: 100%;
    margin-left: 0;
    display: flex; }
    .hs-point__item__icon {
      flex: 1;
      margin-right: .5em;
      min-height: calc(165/750 * 100vw + 2.5em); }
      .hs-point__item__icon:before {
        content: '';
        width: calc(120/750 * 100vw);
        height: calc(120/750 * 100vw);
        top: 1.5em;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .hs-point__item__icon:after {
        content: '';
        width: calc(120/750 * 100vw);
        height: calc(120/750 * 100vw);
        max-width: 90%;
        bottom: 0;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        margin-top: calc(50/750 * 100vw + 2.5em); }
    .hs-point__item__txt {
      flex: 2;
      margin-top: 0; } }
/*
    3つのポイントアイコン使用枠付きパーツ
*/
.hs-point-frame {
  margin-bottom: 1.5rem; }
  .hs-point-frame__item {
    margin: 0 auto 1.5rem auto;
    width: 80%;
    border-radius: 1rem;
    background: #f4f5f7; }
    .hs-point-frame__item__ttl {
      padding: 1rem;
      border-radius: 1rem 1rem 0 0;
      background: #717071;
      min-height: 2.5rem;
      text-align: center;
      font-size: 1.3rem;
      color: #fff; }
    .hs-point-frame__item__body {
      position: relative;
      padding: 1rem; }
      .hs-point-frame__item__body[class*="hs-icon-mark"] {
        min-height: 8rem;
        padding-left: 10rem; }
        .hs-point-frame__item__body[class*="hs-icon-mark"]::before {
          vertical-align: middle;
          content: '';
          position: absolute;
          width: 8em;
          height: 8em;
          top: 0;
          bottom: 0;
          left: .5rem;
          margin: auto;
          background-color: #cfcfcf; }
        .hs-point-frame__item__body[class*="hs-icon-mark"]::after {
          display: none; }

@media screen and (max-width: 767px) {
  .hs-point-frame__item {
    width: 100%; } }
/*3つのポイントアイコン使用枠付きパーツ--個別*/
.hs-point-frame__item__body.hs-icon-mark--aisystem::before {
  -webkit-mask-image: url(-/media/1A40EB08C55B4F8E9A9D6422B05B8096.ashx);
  mask-image: url(-/media/1A40EB08C55B4F8E9A9D6422B05B8096.ashx); }
.hs-point-frame__item__body.hs-icon-mark--announce::before {
  -webkit-mask-image: url(-/media/2F23318964894E5DA0E8BF0B7EF653DA.ashx);
  mask-image: url(-/media/2F23318964894E5DA0E8BF0B7EF653DA.ashx); }
.hs-point-frame__item__body.hs-icon-mark--antenna::before {
  -webkit-mask-image: url(-/media/C9319F3DFE994DB2A20B1F4C20D1ED47.ashx);
  mask-image: url(-/media/C9319F3DFE994DB2A20B1F4C20D1ED47.ashx); }
.hs-point-frame__item__body.hs-icon-mark--badge::before {
  -webkit-mask-image: url(-/media/ECBB1AB61F854D23AC8AD65EB9251C2F.ashx);
  mask-image: url(-/media/ECBB1AB61F854D23AC8AD65EB9251C2F.ashx); }
.hs-point-frame__item__body.hs-icon-mark--bcp::before {
  -webkit-mask-image: url(-/media/89B2909249C5483DB8FDF289089D1B65.ashx);
  mask-image: url(-/media/89B2909249C5483DB8FDF289089D1B65.ashx); }
.hs-point-frame__item__body.hs-icon-mark--bridge::before {
  -webkit-mask-image: url(-/media/EFAC43C80AA74122BCDFC45502CF30DF.ashx);
  mask-image: url(-/media/EFAC43C80AA74122BCDFC45502CF30DF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--building::before {
  -webkit-mask-image: url(-/media/6C8988B2EDAE46CE92DEF50B536ADB5A.ashx);
  mask-image: url(-/media/6C8988B2EDAE46CE92DEF50B536ADB5A.ashx); }
.hs-point-frame__item__body.hs-icon-mark--calendar::before {
  -webkit-mask-image: url(-/media/B04765CDD3B44DC1858866FF719D9A50.ashx);
  mask-image: url(-/media/B04765CDD3B44DC1858866FF719D9A50.ashx); }
.hs-point-frame__item__body.hs-icon-mark--card::before {
  -webkit-mask-image: url(-/media/C85FD3DA238448A2AB3883F332D451BB.ashx);
  mask-image: url(-/media/C85FD3DA238448A2AB3883F332D451BB.ashx); }
.hs-point-frame__item__body.hs-icon-mark--check::before {
  -webkit-mask-image: url(-/media/DC59C6A502A346AE911810DE6EE9A927.ashx);
  mask-image: url(-/media/DC59C6A502A346AE911810DE6EE9A927.ashx); }
.hs-point-frame__item__body.hs-icon-mark--clock::before {
  -webkit-mask-image: url(-/media/5283BF7D1E364596A3E75F9196074D0B.ashx);
  mask-image: url(-/media/5283BF7D1E364596A3E75F9196074D0B.ashx); }
.hs-point-frame__item__body.hs-icon-mark--cloud::before {
  -webkit-mask-image: url(-/media/25737E62390540B78E31C16E78A5E1CF.ashx);
  mask-image: url(-/media/25737E62390540B78E31C16E78A5E1CF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--cloudup::before {
  -webkit-mask-image: url(-/media/EEE14BE92F6F4BB391A19CF61983A48C.ashx);
  mask-image: url(-/media/EEE14BE92F6F4BB391A19CF61983A48C.ashx); }
.hs-point-frame__item__body.hs-icon-mark--comment::before {
  -webkit-mask-image: url(-/media/40B2C634075A4007A878E6D4E3B562FC.ashx);
  mask-image: url(-/media/40B2C634075A4007A878E6D4E3B562FC.ashx); }
.hs-point-frame__item__body.hs-icon-mark--data::before {
  -webkit-mask-image: url(-/media/F899ED09ADBF47089E9D80BE05DB67AA.ashx);
  mask-image: url(-/media/F899ED09ADBF47089E9D80BE05DB67AA.ashx); }
.hs-point-frame__item__body.hs-icon-mark--detail::before {
  -webkit-mask-image: url(-/media/68E09905344944A8BAA2BB24765CC1DF.ashx);
  mask-image: url(-/media/68E09905344944A8BAA2BB24765CC1DF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--document::before {
  -webkit-mask-image: url(-/media/CB1DD84922E14E3685A89EF75E28FBCF.ashx);
  mask-image: url(-/media/CB1DD84922E14E3685A89EF75E28FBCF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--education::before {
  -webkit-mask-image: url(-/media/BEDCFE0235AA4903BD9B62EE308BEB58.ashx);
  mask-image: url(-/media/BEDCFE0235AA4903BD9B62EE308BEB58.ashx); }
.hs-point-frame__item__body.hs-icon-mark--eye::before {
  -webkit-mask-image: url(-/media/03ACEED25AC1404A905022DF07DB4D70.ashx);
  mask-image: url(-/media/03ACEED25AC1404A905022DF07DB4D70.ashx); }
.hs-point-frame__item__body.hs-icon-mark--factory::before {
  -webkit-mask-image: url(-/media/E83B17CE74C945F1822EC8F5F4934C30.ashx);
  mask-image: url(-/media/E83B17CE74C945F1822EC8F5F4934C30.ashx); }
.hs-point-frame__item__body.hs-icon-mark--folder::before {
  -webkit-mask-image: url(-/media/B182235F07044232A1CD349AED04E9ED.ashx);
  mask-image: url(-/media/B182235F07044232A1CD349AED04E9ED.ashx); }
.hs-point-frame__item__body.hs-icon-mark--geo::before {
  -webkit-mask-image: url(-/media/472D5FD94E5A47E08D821E5FD2E36C65.ashx);
  mask-image: url(-/media/472D5FD94E5A47E08D821E5FD2E36C65.ashx); }
.hs-point-frame__item__body.hs-icon-mark--good::before {
  -webkit-mask-image: url(-/media/01DE2706D8E24CDDA2F1AF433AF7EDB3.ashx);
  mask-image: url(-/media/01DE2706D8E24CDDA2F1AF433AF7EDB3.ashx); }
.hs-point-frame__item__body.hs-icon-mark--group::before {
  -webkit-mask-image: url(-/media/4AD9E42C124948D796CB2415E83A2CB9.ashx);
  mask-image: url(-/media/4AD9E42C124948D796CB2415E83A2CB9.ashx); }
.hs-point-frame__item__body.hs-icon-mark--growth::before {
  -webkit-mask-image: url(-/media/9984A5E3F15C4656B9BBB45F771B6BC1.ashx);
  mask-image: url(-/media/9984A5E3F15C4656B9BBB45F771B6BC1.ashx); }
.hs-point-frame__item__body.hs-icon-mark--hands::before {
  -webkit-mask-image: url(-/media/79291BE1242F4F409CD0981D19DDD508.ashx);
  mask-image: url(-/media/79291BE1242F4F409CD0981D19DDD508.ashx); }
.hs-point-frame__item__body.hs-icon-mark--human::before {
  -webkit-mask-image: url(-/media/E55D92284BE347DCB706B4B9BA70C29F.ashx);
  mask-image: url(-/media/E55D92284BE347DCB706B4B9BA70C29F.ashx); }
.hs-point-frame__item__body.hs-icon-mark--info::before {
  -webkit-mask-image: url(-/media/E136617DD0DA4698B106151BE46C6A18.ashx);
  mask-image: url(-/media/E136617DD0DA4698B106151BE46C6A18.ashx); }
.hs-point-frame__item__body.hs-icon-mark--light::before {
  -webkit-mask-image: url(-/media/91F84952B325466B9E82F5555AE7BCAD.ashx);
  mask-image: url(-/media/91F84952B325466B9E82F5555AE7BCAD.ashx); }
.hs-point-frame__item__body.hs-icon-mark--logistics::before {
  -webkit-mask-image: url(-/media/A9853ECBA9754D48B317BA560A75E8E2.ashx);
  mask-image: url(-/media/A9853ECBA9754D48B317BA560A75E8E2.ashx); }
.hs-point-frame__item__body.hs-icon-mark--management::before {
  -webkit-mask-image: url(-/media/5293FE66D56840D78FC44E08AE308A3D.ashx);
  mask-image: url(-/media/5293FE66D56840D78FC44E08AE308A3D.ashx); }
.hs-point-frame__item__body.hs-icon-mark--medicine::before {
  -webkit-mask-image: url(-/media/EECC678A279D4129965C67A7DA61C750.ashx);
  mask-image: url(-/media/EECC678A279D4129965C67A7DA61C750.ashx); }
.hs-point-frame__item__body.hs-icon-mark--memo::before {
  -webkit-mask-image: url(-/media/B3788851500541398C16BC2EB7301849.ashx);
  mask-image: url(-/media/B3788851500541398C16BC2EB7301849.ashx); }
.hs-point-frame__item__body.hs-icon-mark--middleware::before {
  -webkit-mask-image: url(-/media/371581E7476041BD977BB14A2CBFE906.ashx);
  mask-image: url(-/media/371581E7476041BD977BB14A2CBFE906.ashx); }
.hs-point-frame__item__body.hs-icon-mark--money::before {
  -webkit-mask-image: url(-/media/16DADABB89164574B44C8F5EC8E4B20F.ashx);
  mask-image: url(-/media/16DADABB89164574B44C8F5EC8E4B20F.ashx); }
.hs-point-frame__item__body.hs-icon-mark--net::before {
  -webkit-mask-image: url(-/media/30C0CE6ED6FB41CAB3D8773B0BDFDB7E.ashx);
  mask-image: url(-/media/30C0CE6ED6FB41CAB3D8773B0BDFDB7E.ashx); }
.hs-point-frame__item__body.hs-icon-mark--netgroup::before {
  -webkit-mask-image: url(-/media/EFA7C31724F94EDFA3C66F20CD5A206B.ashx);
  mask-image: url(-/media/EFA7C31724F94EDFA3C66F20CD5A206B.ashx); }
.hs-point-frame__item__body.hs-icon-mark--pc::before {
  -webkit-mask-image: url(-/media/7E44DAEB777D4517B63DAC24DEB2E42C.ashx);
  mask-image: url(-/media/7E44DAEB777D4517B63DAC24DEB2E42C.ashx); }
.hs-point-frame__item__body.hs-icon-mark--performance::before {
  -webkit-mask-image: url(-/media/CDD61BF2E28F45F387916E9B029091DF.ashx);
  mask-image: url(-/media/CDD61BF2E28F45F387916E9B029091DF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--plus--lightgray::before {
  -webkit-mask-image: url(-/media/1E8AFB77DBD34660AB9E1EB778CCF5A0.ashx);
  mask-image: url(-/media/1E8AFB77DBD34660AB9E1EB778CCF5A0.ashx); }
.hs-point-frame__item__body.hs-icon-mark--plus--red::before {
  -webkit-mask-image: url(-/media/C378C2D0BD964854937A40F8D1A72D26.ashx);
  mask-image: url(-/media/C378C2D0BD964854937A40F8D1A72D26.ashx); }
.hs-point-frame__item__body.hs-icon-mark--report::before {
  -webkit-mask-image: url(-/media/B1E225B8E4B547978ED778321DCB7B76.ashx);
  mask-image: url(-/media/B1E225B8E4B547978ED778321DCB7B76.ashx); }
.hs-point-frame__item__body.hs-icon-mark--rpa::before {
  -webkit-mask-image: url(-/media/AF101BD073564E128EC54DE5E8418E08.ashx);
  mask-image: url(-/media/AF101BD073564E128EC54DE5E8418E08.ashx); }
.hs-point-frame__item__body.hs-icon-mark--screen::before {
  -webkit-mask-image: url(-/media/454B07F807D1439D88A27CE96FFA9DE5.ashx);
  mask-image: url(-/media/454B07F807D1439D88A27CE96FFA9DE5.ashx); }
.hs-point-frame__item__body.hs-icon-mark--search::before {
  -webkit-mask-image: url(-/media/5C026DF881CB49E587D6E9EE5370B7E2.ashx);
  mask-image: url(-/media/5C026DF881CB49E587D6E9EE5370B7E2.ashx); }
.hs-point-frame__item__body.hs-icon-mark--security::before {
  -webkit-mask-image: url(-/media/DC1C0F63BFA047AA810649A56B55FFD9.ashx);
  mask-image: url(-/media/DC1C0F63BFA047AA810649A56B55FFD9.ashx); }
.hs-point-frame__item__body.hs-icon-mark--service::before {
  -webkit-mask-image: url(-/media/3E72B33E620F4CB8A66C71A3168E2E1E.ashx);
  mask-image: url(-/media/3E72B33E620F4CB8A66C71A3168E2E1E.ashx); }
.hs-point-frame__item__body.hs-icon-mark--source::before {
  -webkit-mask-image: url(-/media/328DDCEDD3C540A7B9515CDA9B6D9684.ashx);
  mask-image: url(-/media/328DDCEDD3C540A7B9515CDA9B6D9684.ashx); }
.hs-point-frame__item__body.hs-icon-mark--sp::before {
  -webkit-mask-image: url(-/media/64600445C80F498596476E9CC9FBEDC6.ashx);
  mask-image: url(-/media/64600445C80F498596476E9CC9FBEDC6.ashx); }
.hs-point-frame__item__body.hs-icon-mark--subscription::before {
  -webkit-mask-image: url(-/media/FEF9D11AEB9D454692F14761DD42B6CA.ashx);
  mask-image: url(-/media/FEF9D11AEB9D454692F14761DD42B6CA.ashx); }
.hs-point-frame__item__body.hs-icon-mark--synergy::before {
  -webkit-mask-image: url(-/media/24E9AAE699AA487F93C423D0BB0B76B4.ashx);
  mask-image: url(-/media/24E9AAE699AA487F93C423D0BB0B76B4.ashx); }
.hs-point-frame__item__body.hs-icon-mark--target::before {
  -webkit-mask-image: url(-/media/CC6CFA254F66472088FDCD4E6DC4284A.ashx);
  mask-image: url(-/media/CC6CFA254F66472088FDCD4E6DC4284A.ashx); }
.hs-point-frame__item__body.hs-icon-mark--team::before {
  -webkit-mask-image: url(-/media/F9528798C04C4F7B8F83999E9935F9CF.ashx);
  mask-image: url(-/media/F9528798C04C4F7B8F83999E9935F9CF.ashx); }
.hs-point-frame__item__body.hs-icon-mark--utility::before {
  -webkit-mask-image: url(-/media/C1394465539441DBBA612A3AB378C021.ashx);
  mask-image: url(-/media/C1394465539441DBBA612A3AB378C021.ashx); }
.hs-point-frame__item__body.hs-icon-mark--vr::before {
  -webkit-mask-image: url(-/media/55B1890DA61B4A78AAF18EDAC5A0769C.ashx);
  mask-image: url(-/media/55B1890DA61B4A78AAF18EDAC5A0769C.ashx); }
.hs-point-frame__item__body.hs-icon-mark--wan::before {
  -webkit-mask-image: url(-/media/9FC57896FD8941FD9DC6CA938CDB0AD1.ashx);
  mask-image: url(-/media/9FC57896FD8941FD9DC6CA938CDB0AD1.ashx); }
.hs-point-frame__item__body.hs-icon-mark--coin::before {
  -webkit-mask-image: url(-/media/FA1566CCFBB747AC97707AA27D448173.ashx);
  mask-image: url(-/media/FA1566CCFBB747AC97707AA27D448173.ashx); }
.hs-point-frame__item__body.hs-icon-mark--wallet::before {
  -webkit-mask-image: url(-/media/371F1E9F38F94DEE8E504E08FE64EB1A.ashx);
  mask-image: url(-/media/371F1E9F38F94DEE8E504E08FE64EB1A.ashx); }
.hs-point-frame__item__body.hs-icon-mark--pricedown::before {
  -webkit-mask-image: url(-/media/08CB32CCDA1A49F892B1465156EFCD10.ashx);
  mask-image: url(-/media/08CB32CCDA1A49F892B1465156EFCD10.ashx); }

@media all and (-ms-high-contrast: none) {
  /*for IE*/
  .hs-point-frame__item__body[class*="hs-icon-mark"] {
    min-height: 0;
    padding-left: 1rem; }
    .hs-point-frame__item__body[class*="hs-icon-mark"]::before {
      display: none; } }
/*
    導入までの手順
*/
.hs-introduction-step {
  display: flex;
  justify-content: space-between; }
  .hs-introduction-step__item {
    position: relative;
    flex: 1;
    margin-right: 22px;
    background: #f4f5f7;
    border-radius: 18px; }
    .hs-introduction-step__item::before, .hs-introduction-step__item::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 0; }
    .hs-introduction-step__item::before {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      top: 0;
      bottom: 0;
      right: -22px;
      margin-top: auto;
      margin-bottom: auto;
      background: #6e6e6e;
      z-index: 1; }
    .hs-introduction-step__item::after {
      width: 11px;
      height: 11px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg) translate(-2px, 2px);
      top: 0;
      bottom: 0;
      right: -6px;
      margin-top: auto;
      margin-bottom: auto;
      z-index: 2; }
    .hs-introduction-step__item:last-child {
      margin-right: 0; }
      .hs-introduction-step__item:last-child::after, .hs-introduction-step__item:last-child::before {
        display: none; }
    .hs-introduction-step__item:last-child .hs-introduction-step__item__txt {
      padding-right: 1rem; }
    .hs-introduction-step__item__ttl {
      position: relative;
      padding: 1rem 5.778% 1rem 4.5rem;
      border-radius: 18px 18px 0 0;
      background: #6e6e6e;
      min-height: 2.5rem;
      font-size: 1.3rem;
      color: #fff; }
      .hs-introduction-step__item__ttl::before {
        content: '';
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        left: .8em; }
    .hs-introduction-step__item__txt {
      padding: .5rem 25px 1rem 1rem; }
    .hs-introduction-step__item:first-child .hs-introduction-step__item__ttl::before {
      background: url(-/media/62CF08E3EA8645FEB26A585AE8028AE3.ashx) no-repeat center center; }
    .hs-introduction-step__item:nth-child(2) .hs-introduction-step__item__ttl::before {
      background: url(-/media/7B2FAE4BD05B4CE69A1FBC465B455537.ashx) no-repeat center center; }
    .hs-introduction-step__item:nth-child(3) .hs-introduction-step__item__ttl::before {
      background: url(-/media/471B5AC815804D3EBC2AA50834B0DA94.ashx) no-repeat center center; }
    .hs-introduction-step__item:nth-child(4) .hs-introduction-step__item__ttl::before {
      background: url(-/media/3B16FA37E92E4E87841B65E876BBF704.ashx) no-repeat center center; }

@media screen and (max-width: 767px) {
  .hs-introduction-step {
    display: block; }
    .hs-introduction-step__item {
      margin-bottom: 25px;
      margin-right: 0; }
      .hs-introduction-step__item::before {
        right: 0;
        left: 0;
        bottom: -22px;
        top: inherit;
        margin-right: auto;
        margin-left: auto; }
      .hs-introduction-step__item::after {
        border-top: 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        right: 0;
        left: 6px;
        bottom: -6px;
        top: inherit;
        margin-left: auto;
        margin-right: auto; }
      .hs-introduction-step__item__txt {
        padding: 1rem 1rem 25px 1rem; } }
/*
 * 日立ソリューションズだからできること
 */
.hs-cando {
  width: 100%;
  max-width: 965px;
  margin: 50px auto 0;
  padding: 1rem 0;
  background-color: #fff;
  border: 10px solid #f95e68;
  border-radius: 60px;
  box-shadow: 5px 5px 10px #bbb, -5px -5px 10px #eee; }
  .hs-cando__item {
    padding: 2rem 5rem;
    position: relative;
    display: flex;
    align-items: center; }
    .hs-cando__item::after {
      content: '';
      display: block;
      width: 70%;
      height: 0;
      border-top: 1px solid #cfcfcf;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0); }
    .hs-cando__item:first-child::after {
      display: none; }
    .hs-cando__item--catch {
      flex: 0 0 55%;
      margin-right: 2rem; }
      .hs-cando__item--catch__sub {
        margin: 0 0 1rem;
        padding: 0;
        text-align: center;
        font-family: 'M PLUS 1p', sans-serif;
        font-size: 1.25rem;
        font-weight: 800;
        color: #717071; }
      .hs-cando__item--catch__ttl {
        margin: 0 0 1rem;
        padding: 0;
        text-align: center;
        font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
        font-size: 1.6rem;
        font-weight: 900;
        line-height: 1.66;
        letter-spacing: 0.11em;
        color: #dc002a; }
  .hs-cando--txt {
    flex: 0 0 40%;
    text-align: left;
    line-height: 1.77;
    letter-spacing: 0.04em; }

@media screen and (max-width: 767px) {
  .hs-cando__item {
    padding: 2rem;
    display: block; }
    .hs-cando__item--catch, .hs-cando__item--txt {
      margin-right: 0;
      flex: inherit; } }
@media screen and (max-width: 399px) {
  .hs-cando__item {
    padding: 2rem; } }
/*
 * 関連枠
 * ステータスで非表示
 */
.hs-s-empty {
  display: none; }

/*表示されていたらスタイル適用*/
.hs-s-empty {
  position: relative;
  flex: 0 0 47%;
  margin: 1.5rem 1.5%;
  padding: 1rem;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
  .hs-s-empty .hs-heading-lv2 {
    margin: 1rem; }
    .hs-s-empty .hs-heading-lv2__title {
      font-size: 1.6875rem; }
  .hs-s-empty .hs-list {
    font-weight: 600;
    margin-bottom: 1.25rem; }
    .hs-s-empty .hs-list li {
      margin-bottom: 0.625rem; }
      .hs-s-empty .hs-list li a {
        color: #dc002a; }
      .hs-s-empty .hs-list li a:not(.hs-link-external) {
        padding-left: 33px !important; }
        .hs-s-empty .hs-list li a:not(.hs-link-external)::before {
          content: "";
          display: block;
          width: 24px !important;
          height: 24px !important;
          border: 1px solid #dc002a !important;
          border-radius: 50%;
          position: absolute;
          top: 0 !important;
          left: 0 !important; }
        .hs-s-empty .hs-list li a:not(.hs-link-external)::after {
          content: "";
          display: block;
          width: 5px;
          height: 5px;
          border-top: 1px solid #dc002a;
          border-right: 1px solid #dc002a;
          transform: rotate(45deg) translate(-2px, 2px);
          position: absolute;
          top: 9px;
          left: 11px; }

@media screen and (max-width: 579px) {
  .hs-s-empty {
    margin-right: 0;
    margin-left: 0; } }
@media all and (-ms-high-contrast: none) {
  /*for IE*/
  .hs-s-empty {
    flex-basis: 43%; } }
/*リニューアル暫定処理 関連キーワードわくの整形*/
.js-kanrenkeyword {
  flex: 0 0 100%;
  max-width: 100%; }
  .js-kanrenkeyword .hs-list li {
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: 0.5rem; }

/*
 * 関連枠--担当者向け
 * ステータスで非表示
 */
.hs-icon-face01, .hs-icon-face02, .hs-icon-face03, .hs-icon-face04, .hs-icon-face05, .hs-icon-face06, .hs-icon-face07, .hs-icon-face08, .hs-icon-face09 {
  position: relative;
  padding-top: 4rem; }
  .hs-icon-face01::before, .hs-icon-face02::before, .hs-icon-face03::before, .hs-icon-face04::before, .hs-icon-face05::before, .hs-icon-face06::before, .hs-icon-face07::before, .hs-icon-face08::before, .hs-icon-face09::before {
    content: "";
    display: block;
    width: 7rem;
    height: 7rem;
    position: absolute;
    top: -3rem;
    left: 0;
    right: 0;
    margin: 0 auto; }

.hs-icon-face01::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face01.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face02::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face02.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face03::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face03.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face04::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face04.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face05::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face05.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face06::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face06.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face07::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face07.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face08::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face08.ashx) no-repeat center;
  background-size: contain; }

.hs-icon-face09::before {
  background: url(/-/media/Project/DefaultSite/Products/common/icon_related/hs-icon-face09.ashx) no-repeat center;
  background-size: contain; }

@media screen and (max-width: 767px) {
  .hs-icon-face01, .hs-icon-face02, .hs-icon-face03, .hs-icon-face04, .hs-icon-face05, .hs-icon-face06, .hs-icon-face07, .hs-icon-face08, .hs-icon-face09 {
    padding-top: 2rem;
    font-size: 6.4vw !important; }
    .hs-icon-face01::before, .hs-icon-face02::before, .hs-icon-face03::before, .hs-icon-face04::before, .hs-icon-face05::before, .hs-icon-face06::before, .hs-icon-face07::before, .hs-icon-face08::before, .hs-icon-face09::before {
      width: 5rem;
      height: 5rem; } }
/*
 * 最近みた商品一覧
 */
#products_history {
  margin-top: 6rem; }

/*
 * PDFポップアップスライドリスト
 */
.hs-guidenav__slider .slideList .pdf {
  overflow: visible;
  flex-basis: calc(33.3333% - 10px);
  flex-shrink: 0;
  flex-grow: 0; }
.hs-guidenav__slider .slide_right a, .hs-guidenav__slider .slide_left a {
  margin-top: 1.2rem; }
.hs-guidenav__slider .hs-list--underline__item::after {
  border: none; }
.hs-guidenav__slider .js-add-slide {
  border-bottom: none;
  margin-bottom: -1rem; }
  .hs-guidenav__slider .js-add-slide p {
    font-size: 13px !important;
    line-height: 16px !important;
    word-break: break-all; }
  .hs-guidenav__slider .js-add-slide a {
    font-size: 12px !important;
    line-height: 20px !important; }
  .hs-guidenav__slider .js-add-slide .hs-link-pdf {
    display: inline-block;
    padding-left: 1.2rem;
    color: #1e4bbe;
    background: url(-/media/E85F8C37EA464EC48A905F968D31FF6E.ashx) no-repeat left 0em;
    text-decoration: none; }
  .hs-guidenav__slider .js-add-slide div:nth-child(1) {
    /* force hs-col-5 */
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 0.5rem; }
  .hs-guidenav__slider .js-add-slide div:nth-child(2) {
    /*force hs-col-7*/
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 0; }
  .hs-guidenav__slider .js-add-slide .hs-frame-body {
    padding: 0; }

/* for apache PDF */
.hs-guidenav__slider .se-pdf-block01 .se-pdf-title {
  font-weight: bold; }
.hs-guidenav__slider .se-pdf-block01 .div01 img {
  border: 1px solid #e8e8e8; }
.hs-guidenav__slider ul.se-data-list01-b li.pdf01, .hs-guidenav__slider ul.se-data-list01-t li.pdf01, .hs-guidenav__slider ul.se-data-list01 li.pdf01 {
  line-height: 20px !important;
  font-size: 12px;
  background: url(-/media/E85F8C37EA464EC48A905F968D31FF6E.ashx) 0 0 no-repeat !important; }
.hs-guidenav__slider ul.se-data-list01-t li.pdf01 a {
  padding-left: 25px !important;
  font-size: 12px; }

/*グリッド下にパーツ設置 のリセット*/
.hs-row + .hs-heading-lv2 {
  margin-top: 6rem; }