@charset "UTF-8";

@layer legacy{

[data-static-html] .w100 {
  width: 100%;
}

[data-static-html] .sideBanner {
  position: relative;
  z-index: 1;
}

[data-static-html] .sideBanner a {
  position: relative;
  display: block;
  z-index: 1;
}

[data-static-html] .sideBanner a::before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
}

[data-static-html] .sideBanner a:hover::before {
  opacity: 0.8;
}

[data-static-html] .sideBanner img {
  position: relative;
  z-index: -1;
}

[data-static-html] .sideBanner .txt {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  padding: 8px 12px;
  top: 0;
  left: 0;
  z-index: 2;
  word-break: normal;
}

[data-static-html] .t-default .title03 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

[data-static-html] .t-default .title03:before {
  margin: 0 10px 0 0;
  content: " ";
  display: inline-block;
  background: url("/files/user/contents/service/solutions/common/db_item_feature_title_icon.jpg") no-repeat left center;
  width: 13px;
  height: 13px;
  vertical-align: middle;
}

/* ======================
管理画面用
====================== */
[data-static-html].mdl-js body.t-default.inner-page header {
  position: static;
}

[data-static-html].mdl-js body.t-default.inner-page #area1-wrapper {
  position: relative;
  z-index: 1;
}

[data-static-html].mdl-js body.t-default.inner-page .ible-area--item-mainimage {
  background: 0;
}

[data-static-html].mdl-js body.t-default.inner-page .pagetitle {
  margin-top: -194px;
}

[data-static-html].mdl-js body.t-default.inner-page .title2_bg,
[data-static-html].mdl-js body.t-default.inner-page .title3_bg {
  overflow: visible;
}

[data-static-html].mdl-js body.t-default.inner-page .title2_bg::before,
[data-static-html].mdl-js body.t-default.inner-page .title3_bg::before {
  display: none;
}

/* ======================
container area
====================== */
[data-static-html] {
  overflow: hidden;
}

[data-static-body] {
  overflow: scroll;
  overflow-x: hidden;
}

[data-static-html] .t-default a {
  color: #333;
}

[data-static-html] .t-default a:hover {
  color: #216FA0;
  text-decoration: none;
}

[data-static-html] .t-default .bl-hover a {
  color: #216FA0;
}

[data-static-html] .t-default p {
  margin: 0;
}

[data-static-html] .t-default .header_language a:hover {
  color: #fff;
  text-decoration: none;
}

[data-static-html] .t-default h1,
[data-static-html] .t-default h2,
[data-static-html] .t-default h3,
[data-static-html] .t-default h4,
[data-static-html] .t-default h5,
[data-static-html] .t-default h6,
[data-static-html] .t-default .h1,
[data-static-html] .t-default .h2,
[data-static-html] .t-default .h3,
[data-static-html] .t-default .h4,
[data-static-html] .t-default .h5,
[data-static-html] .t-default .h6 {
  font-size: inherit;
}

[data-static-html] .col-sm-1,
[data-static-html] .col-sm-2,
[data-static-html] .col-sm-3,
[data-static-html] .col-sm-4,
[data-static-html] .col-sm-5,
[data-static-html] .col-sm-6,
[data-static-html] .col-sm-7,
[data-static-html] .col-sm-8,
[data-static-html] .col-sm-9,
[data-static-html] .col-sm-10,
[data-static-html] .col-sm-11,
[data-static-html] .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

[data-static-html] footer {
  margin: 0;
}

[data-static-html] .row {
  margin-left: 0;
  margin-right: 0;
}

[data-static-html] .t-default header a:hover {
  text-decoration: none;
}

[data-static-html] .t-default footer a,
[data-static-html] .t-default .ible-area--footer a {
  color: #fff;
}

[data-static-html] .t-default footer a:hover {
  color: #fff;
  text-decoration: underline;
}

[data-static-html] .t-default .ible-area--footer a:hover {
  color: #fff;
}

[data-static-html] .t-default .ible-area--endfooter .ible-grid__cell {
  padding: 0;
}

[data-static-html] #area7-wrapper.ible-bgcolor-01 {
  background-color: transparent;
}

[data-static-html] .pswp {
  display: none;
}

[data-static-html] .container {
  width: 100%;
  padding: 0;
}

[data-static-html] .container:before,
[data-static-html] .container:after {
  display: none;
}

[data-static-html] #area2-wrapper {
  display: none;
}

[data-static-html] .t-default .ible-area--itemdetail .youtube:before {
  display: none;
}

[data-static-html] .t-default .ible-area--footer .l-footer,
[data-static-html] .t-default .ible-area--endfooter {
  padding: 0;
}

[data-static-html] .content-area-wrapper.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}

[data-static-html] .content-area-wrapper.container img {
  max-width: 100%;
  height: auto;
}

[data-static-html] .content-area-left-wrapper {
  width: 945px;
  margin-bottom: 50px;
}

[data-static-html] .content-area-right-wrapper {
  width: 230px;
}

[data-static-html] .t-default .ible-area--item-mainimage {
  height: auto;
  margin: 0 0 10px;
}

[data-static-html] .title3_bg::before {
  left: 0;
  border-width: 200px 70px 0 0;
}

[data-static-html] .btn {
  display: block;
  padding: 0;
  white-space: normal;
  font-size: inherit;
  border: 0;
}

[data-static-html] .btn a {
  vertical-align: bottom;
}

[data-static-html] .btn a::before {
  right: -20px;
}

[data-static-html] .btn a:hover {
  color: #fff;
  text-decoration: none;
}

[data-static-html] .t-default .footer_nav_title {
  font-size: 18px;
  color: #003C64;
  margin-bottom: 10px;
}

[data-static-html] .t-default .footer_nav_title a {
  color: #003C64;
}

[data-static-html] .t-default .footer_nav_title a:hover {
  text-decoration: none;
}

[data-static-html] .t-default .footer_center_nav a:hover {
  color: #fff;
}

[data-static-html] .t-default .footer_bottom_nav_link a,
[data-static-html] .t-default .footer_bottom_nav_link a:hover {
  color: #fff;

}

@media only screen and (max-width: 1279px) {
  [data-static-html] .content-area-left-wrapper {
    width: calc(100% - 265px);
  }
}

@media only screen and (max-width: 1199px) {
  [data-static-html] .content-area-left-wrapper {
    width: 100%;
  }

  [data-static-html] .content-area-right-wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] .t-default .footer_nav_title {
    font-size: 16px;
    margin-bottom: 0;
  }

  [data-static-html] .t-default .ible-area--item-mainimage {
    margin: 90px 0 10px;
  }

}

[data-static-html] .t-default .ible-area--category-mainimage {
  background-image: none;
  height: 200px;
  margin: 0 0 10px;
}

@media only screen and (max-width: 1199px) {
  [data-static-html] .t-default .ible-area--category-mainimage {
    margin: 90px 0 10px;
  }
}

[data-static-html] #pagetitle h1 {
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
}


[data-static-html] .dbTitle01 {
  position: relative;
  font-size: 16px;
  background-color: #F5F5F5;
  padding: 16px 16px 16px 32px;
}

[data-static-html] .deTitle01::before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #0A3360;
  top: 16px;
  left: 11px;
}

[data-static-html] #cell03.col-sm-12 {
  padding: 0;
}

[data-static-html] #pagetitle_area {
  margin: 0;
}

@media only screen and (max-width: 690px) {
  [data-static-html] #pagetitle h1 {
    font-size: 24px;
  }

  [data-static-html] .t-default .ible-area--category-mainimage {
    margin-top: 90px;
  }
}

[data-static-html] .t-default h2.dbTitle01 {
  position: relative;
  font-size: 16px;
  background-color: #F5F5F5;
  padding: 16px 16px 16px 32px;
}

[data-static-html] .t-default h2.dbTitle01::before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #0A3360;
  top: 22px;
  left: 12px;
}

[data-static-html] .bl-hover .dbBtn a,
[data-static-html] .bl-hover .dbBtn a:hover {
  color: #fff;
}

[data-static-html] .dbBtn a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #0A3360;
  border: 1px solid #0A3360;
  padding: 6px 6px 6px 6px;
  text-align: center;
  transition: 0.5s;
}

[data-static-html] .dbBtn a:hover {
  color: #0A3360;
  background: transparent;
}

/* ======================
ぱんくず
====================== */
[data-static-html] #area4-wrapper {
  width: 94%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs {
  padding: 0;
  background-color: transparent;
  margin-bottom: 30px;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs.ible-block {
  min-height: inherit;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs li {
  line-height: 1.2;
  font-size: 13px;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs li:last-child a {
  cursor: text;
  pointer-events: none;
}

[data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs li+li::before {
  content: ">";
  margin: 0 10px;
}

@media only screen and (max-width: 1199px) {
  [data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs ol {
    width: 95%;
  }
}

@media only screen and (max-width: 979px) {
  [data-static-html] .ible-part__widjet--breadcrumbs {
    overflow-x: scroll;
  }

  [data-static-html] .ible-part__widjet--breadcrumbs .ible-part__core {
    word-break: keep-all;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] .t-default .ible-area--breadcrumb .ible-widget__breadcrumbs ol {
    width: 94%;
  }
}


/* ======================
ページャー
====================== */
[data-static-html] .ible-pager {
  margin: 0 0 50px;
}

[data-static-html] .ible-pager::after {
  display: block;
  content: '';
  clear: both;
}

[data-static-html] .t-default .pager {
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  margin: 0;
  padding-bottom: 0;
  clear: right;
}

[data-static-html] .t-default .pager+.pager {
  margin-top: 10px;
}

[data-static-html] .pager li>a,
[data-static-html] .pager li>span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #0A3360;
  line-height: 1;
  background: #fff;
  padding: 4px;
  border: 1px solid #0A3360;
  border-radius: 0px;
}

[data-static-html] .pager-dot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 40px;
  font-size: 14px;
  line-height: 1;
}

[data-static-html] .pager li>span {
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
}

[data-static-html] .pager li.pager-item.previous .fa,
[data-static-html] .pager li.pager-item.next .fa {
  display: none;
}

[data-static-html] .l-pager li.pager-item+li.pager-item {
  margin-left: 8px;
}

[data-static-html] .pager li.pager-item.previous a,
[data-static-html] .pager li.pager-item.next a {
  position: relative;
  background-color: #0A3360;
}

[data-static-html] .pager li.pager-item.previous a::before,
[data-static-html] .pager li.pager-item.next a::before {
  position: absolute;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: #fff;
  top: 50%;
  left: 50%;
}

[data-static-html] .pager li.pager-item.previous a::before {
  border-width: 2px 0 0 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}

[data-static-html] .pager li.pager-item.next a::before {
  border-width: 2px 2px 0 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

[data-static-html] .l-pager .pager-item .fa-angle-left::before {
  font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, verdana, Sans-Serif;
  content: '« Prev';
}

[data-static-html] .l-pager .pager-item .fa-angle-right::before {
  font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, verdana, Sans-Serif;
  content: 'Next »';
}

@media only screen and (max-width: 690px) {
  [data-static-html] .t-default .pager {
    width: 100%;
  }

  [data-static-html] .t-default .pager li.pager-item.current span:after {
    display: none;
  }

  [data-static-html] .t-default .pager li.pager-item {
    display: block;
  }

  [data-static-html] .pager.l-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  [data-static-html] .t-default .pager li.pager-item.current span {
    font-size: 15px;
    border: 1px solid #ddd;
  }

  [data-static-html] .t-default .pager li.pager-item {
    margin-left: 5px;
  }
}

/* ======================
カテゴリ一覧
====================== */
[data-static-html] .dbCateArea .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

[data-static-html] .dbCateArea .dbCateImg {
  width: 32%;
}

[data-static-html] .dbCateArea .dbCateDetail {
  width: 64%;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbCateArea .dbCateImg {
    width: 100%;
    margin-top: 0;
  }

  [data-static-html] .dbCateArea .dbCateDetail {
    width: 100%;
  }
}

[data-static-html] .t-default .dbCateArea .dbCateDetail h2.dbTitle02,
[data-static-html] .t-default .dbCateArea .dbCateDetail h2.dbTitle3 {
  margin: 10px 0 20px;
}

@media only screen and (max-width: 690px) {

  [data-static-html] .t-default .dbCateArea .dbCateDetail h2.dbTitle02,
  [data-static-html] .t-default .dbCateArea .dbCateDetail h2.dbTitle3 {
    margin: 4px 0 8px;
  }
}


[data-static-html] .ible-area-category-search .ible-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

[data-static-html] .ible-area-category-search .search-result-cell {
  width: 32%;
  height: auto !important;
  float: none !important;
  padding: 0;
  margin-right: 2%;
}

[data-static-html] .ible-area-category-search .search-result-cell.bl-hover .dbBtn a {
  color: #fff;
  opacity: .7;
}

[data-static-html] .ible-area-category-search .search-result-cell:nth-child(3n) {
  margin-right: 0;
}

[data-static-html] .t-default .ible-grid__list-category .search-result-cell:nth-child(n+4) {
  margin-top: 64px
}

[data-static-html] .dbCategoryTitle {
  margin: 20px 0;
}

[data-static-html] .dbCategoryDetail {
  margin: 0 0 20px;
}

[data-static-html] .ible-area-category-search .search-result-cell .dbBtn {
  text-align: center;
}

[data-static-html] .ible-area-category-search .search-result-cell .dbBtn a {
  min-width: 200px;
}

@media only screen and (max-width: 979px) {
  [data-static-html] .ible-area-category-search .search-result-cell {
    width: 49%;
    margin-right: 2%;
  }

  [data-static-html] .ible-area-category-search .search-result-cell:nth-child(3n) {
    margin-right: 2%;
  }

  [data-static-html] .ible-area-category-search .search-result-cell:nth-child(2n) {
    margin-right: 0;
  }

  [data-static-html] .t-default .ible-grid__list-category .search-result-cell:nth-child(n+3) {
    margin-top: 40px
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] .ible-area-category-search .search-result-cell {
    width: 100%;
    height: auto !important;
    float: none !important;
    margin-right: 0;
  }

  [data-static-html] .ible-area-category-search .search-result-cell:nth-child(3n) {
    margin-right: 0;
  }

  [data-static-html] .t-default .ible-grid__list-category .search-result-cell:nth-child(n+2) {
    margin-top: 40px !important;
  }
}


/* ======================
アイテム一覧
====================== */
[data-static-html] .ible-area-item-search .ible-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

[data-static-html] .ible-area-item-search .search-result-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto !important;
  float: none !important;
  padding: 0;
  transition: all .3s;
}

[data-static-html] .ible-area-item-search .search-result-cell.bl-hover {
  opacity: .7;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--image.dbListImg {
  width: 30%;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--head-paragraph.dbListDetail {
  width: 66.5%;
}

[data-static-html] .dbListTag {
  display: inline-block !important;
  margin-right: 10px;
}

[data-static-html] .dbTag {
  min-width: 85px;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  text-align: center;
  background-color: #286BE3;
  padding: 8px;
}

[data-static-html] .dbTag.tagColor02 {
  background-color: #20BEDF;
}

[data-static-html] .dbTag.tagColor03 {
  background-color: #093863;
}

[data-static-html] .dbTag.tagColor04 {
  background-color: #093863;
}

[data-static-html] .t-default h2.dbTitle02,
[data-static-html] .t-default h2.dbTitle3,
[data-static-html] .t-default h3.dbTitle02,
[data-static-html] .t-default h3.dbTitle3 {
  font-size: 18px;
  font-weight: bold;
  color: #0A3360;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell::after {
  display: block;
  content: '';
  clear: both;
}

[data-static-html] .dbTable {
  width: 100%;
  font-size: 14px;
  padding: 16px;
}

[data-static-html] .dbTable+.dbTable {
  margin-top: 1px;
}

[data-static-html] .dbTable .ible-part__core {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

[data-static-html] .dbTable.odd {
  background-color: #F8F8F8;
}

[data-static-html] .dbTable.even {
  background-color: #E9E9E9;
}

[data-static-html] .dbTable.odd+.dbTable.odd {
  background-color: #E9E9E9;
}

[data-static-html] .dbTable.odd+.dbTable.odd+.dbTable.even {
  background-color: #F8F8F8;
}

[data-static-html] .dbTableTh {
  width: 100px;
}

[data-static-html] .dbTableTd {
  width: calc(100% - 100px);
}

[data-static-html] .dbListDesc {
  position: relative;
  float: left;
  width: 75%;
  padding: 0 0 0 20px;
  margin: 20px auto 0 0;
}

@media only screen and (min-width: 691px) and (max-width: 1119px) {
  [data-static-html] .dbListDesc {
    width: 70%;
  }
}

[data-static-html] .dbListDesc::after {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #0A3360;
  top: 7px;
  left: 0;
}

[data-static-html] .dbListBtn {
  float: right;
  width: 25%;
  padding: 0 0 0 3%;
  margin: 20px 0 0 auto;
}

@media only screen and (min-width: 691px) and (max-width: 1119px) {
  [data-static-html] .dbListBtn {
    width: 30%;
  }
}

[data-static-html] .dbListBtn .dbBtn a {
  width: 100%;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell .dbListTag {
  float: left;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell .dbListTitle {
  float: left;
  width: 100%;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell h2.dbTitle02,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell h2.dbTitle3,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell h3.dbTitle02,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell h3.dbTitle3 {
  width: 100%;
  margin: 14px 0;
}

[data-static-html] .t-default .ible-grid__list-item .search-result-cell .dbTable {
  float: left;
  width: 100%;
}

/* .t-default .ible-grid__list-item .search-result-cell:hover .dbBtn a {
  opacity: .7;
  color: #fff;
} */

[data-static-html] .t-default .ible-area-item-search .search-result-cell:nth-child(n+2) {
  margin-top: 30px
}

@media only screen and (max-width: 690px) {
  [data-static-html] .t-default .ible-area-item-search .search-result-cell:nth-child(n+2) {
    margin-top: 30px
  }

  [data-static-html] .dbListTag {
    margin-right: 6px;
  }

  [data-static-html] .dbTag {
    min-width: 50px;
    font-size: 12px;
    padding: 6px;
  }

  [data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--image.dbListImg {
    width: 100%;
  }

  [data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--head-paragraph.dbListDetail {
    width: 100%;
    margin-top: 20px;
  }

  [data-static-html] .dbListDesc {
    width: 100%;
    padding: 0 0 0 20px;
    margin: 20px 0 0;
  }

  [data-static-html] .dbListBtn {
    float: right;
    width: 40%;
    padding: 0;
    margin: 10px 0 0;
  }

}

/* ======================
アイテム詳細
====================== */
[data-static-html] .section {
  margin-bottom: 80px;
}

[data-static-html] #grid1col4 {
  position: relative;
  margin-bottom: 20px;
}

[data-static-html] .dbDetailTagArea {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  bottom: 30px;
  right: 0;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailTagArea {
    bottom: 26px;
  }
}

[data-static-html] .dbDetailTag {
  margin-left: 10px;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailTag {
    margin-left: 6px;
  }
}

[data-static-html] .dbDetailCatch {
  margin: 20px 0 60px;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailCatch {
    margin: 10px 0 30px;
  }
}

[data-static-html] .dbBtnContactArea {
  margin-top: 20px;
}

[data-static-html] .dbBtnContactArea .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
}

[data-static-html] .dbBtnContact {
  width: 23.5%;
  margin-right: 2%;
}

[data-static-html] .dbBtnContactArea .dbBtnContact:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 979px) {
  [data-static-html] .dbBtnContact {
    width: 49%;
    margin-right: 2%;
  }

  [data-static-html] .dbBtnContactArea .dbBtnContact:nth-last-of-type(1),
  [data-static-html] .dbBtnContactArea .dbBtnContact:nth-last-of-type(3) {
    margin-right: 0;
  }

  [data-static-html] .dbBtnContactArea .dbBtnContact:nth-last-of-type(1),
  [data-static-html] .dbBtnContactArea .dbBtnContact:nth-last-of-type(2) {
    margin-top: 10px;
  }
}

[data-static-html] .dbFeatureArea .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

[data-static-html] #block-p17 {
  width: 56%;
}

[data-static-html] #block-img2 {
  width: 40%;
}

[data-static-html] .dbDetailCatalogArea .ible-block.ible-block__basic {
  display: flex;
  flex-wrap: wrap;
}

[data-static-html] .dbDetailCatalogArea .dbDetailBtn {
  width: 23.5%;
  margin-right: 2%;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailCatalogArea .dbDetailBtn {
    width: 49%;
    margin-right: 2%;
  }

  [data-static-html] #block-p17 {
    width: 100%;
  }

  [data-static-html] #block-img2 {
    width: 100%;
    margin-top: 10px;
  }
}

[data-static-html] .dbDetailBtn .dbBtn a {
  width: 100%;
}

[data-static-html] .dbDetailCatalogArea .dbDetailBtn:nth-child(4n) {
  margin-right: 0;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailCatalogArea .dbDetailBtn:nth-child(2n) {
    margin-right: 0;
  }
}

[data-static-html] .dbDetailCatalogArea .dbDetailBtn:nth-child(n + 5) {
  margin-top: 10px;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailCatalogArea .dbDetailBtn:nth-child(n + 3) {
    margin-top: 10px;
  }
}

[data-static-html] .dbDetailCaseArea .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
}

[data-static-html] .dbDetailCaseArea .w100 {
  width: 100%;
}

[data-static-html] .dbDetailCaseArea .dbRelatedItem {
  width: 23.5%;
  margin-right: 2%;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .dbDetailCaseArea .dbRelatedItem {
    width: 49%;
    margin-right: 2%;
  }
}

[data-static-html] .dbDetailCaseArea .dbRelatedItem a {
  color: #0A3360;
}

[data-static-html] .dbDetailCaseArea .dbRelatedItem a:hover {
  color: #333;
}

[data-static-html] .dbDetailCaseArea .dbRelatedItem:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 690px) {

  [data-static-html] .dbDetailCaseArea .dbRelatedItem:nth-last-of-type(3),
  [data-static-html] .dbDetailCaseArea .dbRelatedItem:last-child {
    margin-right: 0;
  }

  [data-static-html] .dbDetailCaseArea .dbRelatedItem:nth-child(n + 4) {
    margin-top: 10px;
  }
}

[data-static-html] .t-default .recommendItemName,
[data-static-html] .t-default .recommendItemName h3 {
  font-size: 15px;
  font-weight: bold;
  color: #0A3360;
  margin-top: 10px;
}

[data-static-html] #block-p25 {
  width: 100%;
}

[data-static-html] #relatedlistgrid4col1 {
  margin-left: -10px;
  margin-right: -10px;
}

[data-static-html] #relatedlistgrid4col1 .slick-initialized .slick-slide {
  margin: 0 10px;
}

[data-static-html] #relatedlistgrid4col1 a {
  color: #0A3360;
}

[data-static-html] #relatedlistgrid4col1 a:hover {
  color: #333;
}

[data-static-html] #relatedlistgrid4col1 h3 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}





[data-static-html] .item_photo {
  text-align: center;
}

[data-static-html] .item_photo img {
  max-width: 100%;
  max-height: 380px;
  width: auto;
  height: auto;
}

[data-static-html] .db_item_icon_box {
  position: absolute;
  bottom: 0;
  right: 0;
}

[data-static-html] .t-default .db_item_icon_box .db_tag p {
  margin: 0 0 0 5px;
}

[data-static-html] .db_col2_ti .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}

[data-static-html] .db_col2_ti .db_col2_left {
  width: 64.1%;
}

[data-static-html] .db_col2_ti .db_col2_right {
  width: 29.9%;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .db_col2_ti .db_col2_left {
    width: 100%;
    margin-bottom: 20px;
  }

  [data-static-html] .db_col2_ti .db_col2_right {
    width: 100%;
  }
}

[data-static-html] .db_btn_list .ible-grid__cell .ible-block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

[data-static-html] .db_btn_list .banner_btn {
  width: 24.2%;
  margin-right: 1%;
}

[data-static-html] .db_btn_list .banner_btn:nth-child(4n) {
  margin-right: 0;
}

[data-static-html] .banner_btn a {
  width: 100%;
  display: block;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  background: #083863 url("/files/user/contents/service/solutions/common/db_item_banner_arr.png") no-repeat 94% center;
  border: solid 1px #083863;
  padding: 8.5px 0px;
  transition: 0.7s;
}

[data-static-html] .banner_btn a:hover {
  color: #083863;
  background: #FFFFFF url("/files/user/contents/service/solutions/common/db_item_banner_arr_on.png") no-repeat 94% center;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .db_btn_list .ible-grid__cell .ible-block {
    margin-bottom: 50px;
  }

  [data-static-html] .db_btn_list .banner_btn {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }

  [data-static-html] .db_btn_list .banner_btn:nth-child(2n) {
    margin-right: 0;
  }

  [data-static-html] .banner_btn a {
    font-size: 14px;
    background-image: none;
  }

  [data-static-html] .banner_btn a:hover {
    background-image: none;
  }
}

[data-static-html] .solutionArea {
  position: relative;
  border-top: 2px solid #083863;
  background-color: rgba(8, 56, 99, 0.08);
  background: linear-gradient(135deg, rgba(49, 138, 219, 0.33)15%, rgba(234, 239, 244, 0.49)15%)
}

[data-static-html] .solutionArea::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/files/user/contents/service/solutions/common/img_solution_bg.png")no-repeat;
  z-index: -1;
}

[data-static-html] .t-default .solutionArea h2 {
  padding-top: 28px;
  text-align: center;
  font-size: 20px;
  line-height: 1.1;
}

[data-static-html] .solutionArea .inn {
  display: flex;
  padding: 2em 3em;
}

[data-static-html] .list_sol {
  padding: 2em 2em 1.5em;
  flex: 1;
  background-color: #FFF;
  border-radius: 10px;

}

[data-static-html] .list_sol li {
  position: relative;
  margin-left: 25px;
  margin-bottom: .5em;
}

[data-static-html] .list_sol li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: -25px;
  width: 20px;
  height: 20px;
  background: url("/files/user/contents/service/solutions/common/icon_tick.png")no-repeat center /cover;
}

@media only screen and (max-width:690px) {
  [data-static-html] .solutionArea {
    background: rgba(255, 255, 255, 0.08);
  }

  [data-static-html] .solutionArea .inn {
    padding: 0;
  }

  [data-static-html] .t-default .solutionArea h2 {
    padding: 20px 1em 10px;
    font-size: 16px;
    border-bottom: 1px solid;
  }

  [data-static-html] .list_sol {
    padding: 1em 0;
  }

  [data-static-html] .list_sol li::before {
    top: 4px;
    left: -20px;
    width: 15px;
    height: 15px;
  }

}

[data-static-html] .db__featureblocks,
[data-static-html] .db__featureblocks .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

[data-static-html] .db__featureblocks .col {
  width: 56%;
}

[data-static-html] .db__featureblocks .foto {
  width: 40%;
}

[data-static-html] .db__featureblocks .ible-grid__cell .col,
[data-static-html] .db__featureblocks .ible-grid__cell .foto {
  margin-bottom: 40px;
}

[data-static-html] .db__featureblocks .ible-grid__cell .col:last-child,
[data-static-html] .db__featureblocks .ible-grid__cell .foto:last-child {
  margin-bottom: 0;
}

[data-static-html] .db__featureblocks img {
  max-width: 100%;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .db__featureblocks .col {
    width: 100%;
  }

  [data-static-html] .db__featureblocks .foto {
    width: 100%;
  }

  [data-static-html] .db__featureblocks .col,
  [data-static-html] .db__featureblocks .ible-grid__cell .col,
  [data-static-html] .db__featureblocks .ible-grid__cell .col:last-child {
    margin-bottom: 20px;
  }

  [data-static-html] .db__featureblocks .ible-grid__cell .foto {
    margin-bottom: 40px;
  }

  [data-static-html] .db__featureblocks .ible-grid__cell .foto:last-child {
    margin-bottom: 0;
  }
}

[data-static-html] .db_item_system_image {
  text-align: center;
}

[data-static-html] .t-default .db_item_system_image .img-responsive {
  margin-left: auto;
  margin-right: auto;
}

[data-static-html] #grid1col17 .ible-grid__cell {
  display: flex;
  flex-wrap: wrap;
}

[data-static-html] #grid1col17 .ible-grid__cell .w100 {
  width: 100%;
}

[data-static-html] .related_item {
  width: 24.2%;
  margin-right: 1%;
}

[data-static-html] .related_item img {
  width: 100%;
  height: auto;
}

[data-static-html] #grid1col17 .ible-grid__cell .related_item:last-child {
  margin-right: 0;
}


[data-static-html] #item_box01 .db_item_banner_box li,
[data-static-html] .related_item_float {
  width: 24.2%;
  float: left;
  margin-right: 1%;
}

[data-static-html] #item_box01 .db_item_banner_box li:nth-child(4n),
[data-static-html] .t-default .related_item_float:nth-child(4n) {
  margin-right: 0;
}

[data-static-html] #item_box01 .db_item_banner_box li img,
[data-static-html] .related_item_float img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

[data-static-html] #item_box01 .db_item_banner_box li a {
  width: 100%;
  display: block;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  background: #083863 url("/files/user/contents/service/solutions/common/db_item_banner_arr.png") no-repeat 90% center;
  border: solid 1px #083863;
  padding: 8.5px 0px;
  transition: 0.7s;
}

[data-static-html] #item_box01 .db_item_banner_box li a:hover {
  color: #083863;
  background: #FFFFFF url("/files/user/contents/service/solutions/common/db_item_banner_arr_on.png") no-repeat 90% center;
}

[data-static-html] .db_item_movie_area {
  width: 67.8%;
  margin: 0 auto;
}

[data-static-html] .recommend_item_img a {
  width: 100%;
  height: 160px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
}

[data-static-html] .t-default .recommend_item_name,
[data-static-html] .t-default .recommend_item_title h2 {
  font-size: 16px;
}

@media only screen and (max-width: 690px) {

  [data-static-html] .related_item,
  [data-static-html] #item_box01 .db_item_banner_box li,
  [data-static-html] .related_item_wrap .related_item_float {
    width: 49%;
    margin-right: 2%;
  }

  [data-static-html] #item_box01 .db_item_banner_box li:nth-child(n + 3),
  [data-static-html] .related_item_wrap .related_item_float:nth-of-type(n + 3),
  [data-static-html] #grid1col17 .ible-grid__cell .related_item:nth-of-type(n + 4) {
    margin-top: 20px;
  }

  [data-static-html] #item_box01 .db_item_banner_box li:nth-child(2n),
  [data-static-html] .related_item_wrap .related_item_float:nth-of-type(2n),
  [data-static-html] .related_item_wrap .related_item:nth-of-type(2n + 1) {
    margin-right: 0;
  }

  [data-static-html] #item_box01 .db_item_banner_box li a {
    font-size: 14px;
    background-image: none;
  }

  [data-static-html] #item_box01 .db_item_banner_box li a:hover {
    background-image: none;
  }

  [data-static-html] .db_item_movie_area {
    width: 100%;
  }

  [data-static-html] .recommend_item_img a {
    height: atuo;
  }

}

[data-static-html] .t-default .ible-grid__list-related .search-result-cell>.ible-block--image,
[data-static-html] .t-default .ible-grid__list-category .search-result-cell>.ible-block--image,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--image,
[data-static-html] .t-default .ible-grid__list-related .search-result-cell>.ible-block--head-paragraph,
[data-static-html] .t-default .ible-grid__list-category .search-result-cell>.ible-block--head-paragraph,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--head-paragraph {
  width: 100%;
}

[data-static-html] .t-default .ible-grid__list-related .search-result-cell>.ible-block--head-paragraph,
[data-static-html] .t-default .ible-grid__list-category .search-result-cell>.ible-block--head-paragraph,
[data-static-html] .t-default .ible-grid__list-item .search-result-cell>.ible-block--head-paragraph {
  margin: 0;
}

[data-static-html] #relatedlistgrid4col1 img {
  width: 100%;
}


/* ↓↓↓ 製品サイドフォーム　↓↓↓ */
[data-static-html] .side_search {
  border: solid 1px #CCCCCC;
  padding: 10px;
}

[data-static-html] .form-control[disabled],
[data-static-html] fieldset[disabled] .form-control {
  cursor: not-allowed;
  opacity: 0.7;
  background-color: transparent;
}

[data-static-html] .ible-form-part__select-box select {
  width: 100%;
  height: 43px;
  font-size: 13px;
  text-indent: 10px;
  border: none;
  border-bottom: solid 1px #CCCCCC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  padding: 6px 0;
}

[data-static-html] .ible-form-part__select-box.ible-form__part {
  margin: 0;
}

[data-static-html] #keyword1core {
  border-bottom: solid 1px #CCCCCC;
  padding: 4px 0px;
  margin-bottom: 30px;
}

[data-static-html] input.form-control[type="text"] {
  width: 100%;
  background-color: #F2F2F2;
  color: #999999;
  font-size: 13px;
  text-indent: 13px;
  padding: 9px 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  border: 0;
}

[data-static-html] input.form-control[type="text"]::placeholder {
  color: #999999;
}

[data-static-html] .ible-form-part__check-box.ible-form__part {
  font-size: 13px;
  color: #000000;
  padding-left: 3.8%;
  margin-bottom: 0;
}

[data-static-html] .ible-form-part__check-box.ible-form__part label {
  padding-left: 25px;
}

[data-static-html] .checkbox-inline input[type="checkbox"] {
  position: absolute;
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-left: -18px;
}

[data-static-html] .t-default .checkbox-inline input[type="checkbox"] {
  display: none;
}

[data-static-html] .t-default .checkbox-inline input[type="checkbox"]+span::before {
  position: absolute;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #333;
  border-radius: 3px;
  top: 4px;
  left: 5px;
}

[data-static-html] .t-default .checkbox-inline input[type="checkbox"]:checked+span::before {
  border: 1px solid #083863;
  background-color: #083863;
}

[data-static-html] .t-default .checkbox-inline input[type="checkbox"]:checked+span::after {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 4px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #fff;
  top: 8px;
  left: 8px;
  transform: rotate(-45deg);
}


[data-static-html] .ible-form-part__check-box.ible-form__part+.ible-form-part__submit-button {
  margin-top: 15px;
}

[data-static-html] .t-default .ible-area--right-column .ible-form-part__submit-button .btn.btn-primary {
  width: 38.1%;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  background-color: #083863;
  border: medium none;
  -webkit-appearance: none;
  border-radius: 0;
  border: solid 1px #083863;
  padding: 4.5px 0px;
  cursor: pointer;
  transition: 0.7s;
  margin: 0 auto 40px;
}

[data-static-html] .t-default .ible-area--right-column .ible-form-part__submit-button .btn.btn-primary.m0 {
  margin-bottom: 0;
}

[data-static-html] .acc_btn {
  position: relative;
  cursor: pointer;
  margin-bottom: 25px;
}

[data-static-html] .acc_btn::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #083863;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

[data-static-html] .acc_btn.on::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #083863;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 690px) and (max-width: 1119px) {
  [data-static-html] .acc_btn br {
    display: none;
  }
}


[data-static-html] .acc_hidden {
  display: none;
}

[data-static-html] select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/files/user/contents/service/solutions/common/icon_select_bg.svg") no-repeat 98% 50% / 10px auto;
}

[data-static-html] select.form-control::-ms-expand {
  display: none;
}

/* ↑↑↑ 製品サイドフォーム　↑↑↑ */

@media only screen and (min-width: 690px) and (max-width: 1119px) {
  [data-static-html] #block-p10 {
    display: flex;
    flex-wrap: wrap;
  }

  [data-static-html] #block-p10 .ible-part__basic {
    width: 32%;
    margin-right: 2%;
  }

  [data-static-html] #block-p10 .ible-part__basic:nth-child(3n) {
    margin-right: 0;
  }

  [data-static-html] #block-p10 .ible-part__basic:nth-child(n + 4) {
    margin-top: 10px;
  }
}



[data-static-html] .t-default .footer_cpsite .footer_in a{
  font-size: 16px
}

[data-static-html] .t-default .ible-area--item-mainimage::before,
[data-static-html] .t-default .ible-area--category-mainimage::before{
  display: none !important;
}
}