@charset "UTF-8";
/* ==================================================
	機能・性能
================================================== */
@media screen and (min-width: 768px), print {
  #wrapper .page_body .page_nav .page_nav_list {
    justify-content: space-between;
  }
  #wrapper .page_body .page_nav .page_nav_list li {
    width: 288px;
  }
}
@media screen and (max-width: 767px) {
  #wrapper .page_body .page_nav .page_nav_list li:nth-child(2) a {
    text-indent: -1em;
  }
  #wrapper .page_body .page_nav .page_nav_list li:nth-child(4) a {
    text-indent: -1em;
  }
}
#wrapper .page_body .perf_title {
  font-weight: 700;
}
#wrapper .page_body .perf_value {
  font-family: "Roboto", 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: #00a7ab;
}
@media screen and (min-width: 768px), print {
  #wrapper .page_body .perf_text {
    font-size: 16px;
    font-size: 1rem;
  }
  #wrapper .page_body .perf_text:not(:last-child) {
    margin-bottom: 30px;
  }
  #wrapper .page_body .perf_title {
    margin-bottom: 3px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  #wrapper .page_body .perf_value {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.3;
  }
  #wrapper .page_body .perf_value:not(:last-of-type) {
    margin-bottom: 30px;
  }
  #wrapper .page_body .perf_value span {
    font-size: 50px;
    font-size: 3.125rem;
  }
  #wrapper .page_body .perf_value small {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  #wrapper .page_body .perf_text {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.3333333333;
  }
  #wrapper .page_body .perf_text:not(:last-child) {
    margin-bottom: 20px;
  }
  #wrapper .page_body .perf_title {
    margin-bottom: 2px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  #wrapper .page_body .perf_value {
    margin-bottom: 10px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.24;
  }
  #wrapper .page_body .perf_value span {
    font-size: 25px;
    font-size: 1.5625rem;
  }
  #wrapper .page_body .perf_value small {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*---------------------------------
  ドーザブレード
---------------------------------*/
@media screen and (min-width: 768px), print {
  #blade {
    margin-bottom: 100px;
  }
  #blade .page_layout_column2:first-of-type {
    margin-bottom: 30px;
  }
  #blade .page_layout_column2:first-of-type .perf_text {
    margin-bottom: 30px;
  }
  #blade .page_layout_column2:nth-of-type(2) {
    margin-bottom: 30px;
  }
  #blade .page_layout_column2:nth-of-type(3) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #blade {
    margin-bottom: 25px;
  }
  #blade .page_layout_column2 {
    margin-bottom: 20px;
  }
  #blade .page_layout_column2:first-of-type .page_layout_inner:first-child {
    margin-bottom: 15px;
  }
  #blade .page_layout_column2:nth-of-type(2) .page_layout_inner:first-child {
    margin-bottom: 15px;
  }
  #blade .page_layout_column2:nth-of-type(3) .page_layout_inner:first-child {
    margin-bottom: 20px;
  }
}

/*---------------------------------
  SK160BR専用クローラ
---------------------------------*/
@media screen and (min-width: 768px), print {
  #crawler {
    margin-bottom: 60px;
  }
  #crawler .page_layout_column2 .page_layout_inner {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #crawler {
    margin-bottom: 25px;
  }
  #crawler .page_layout_column2 .page_layout_inner:nth-child(odd) {
    margin-bottom: 15px;
  }
}

/*---------------------------------
  コンパクトボディ
---------------------------------*/
@media screen and (min-width: 768px), print {
  #body {
    margin-bottom: 100px;
  }
  #body .page_layout_column2 .page_layout_inner {
    position: relative;
  }
  #body .page_layout_column2 .page_layout_inner .body_sub_img {
    width: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #body {
    margin-bottom: 25px;
  }
  #body .page_layout_column2:first-of-type .page_layout_inner:first-child {
    margin-bottom: 15px;
  }
  #body .page_layout_column2:first-of-type .page_layout_inner .body_sub_wrap {
    display: flex;
  }
  #body .page_layout_column2:first-of-type .page_layout_inner .body_sub_wrap .body_sub_inner {
    width: calc( 100% - 180px );
  }
  #body .page_layout_column2:first-of-type .page_layout_inner .body_sub_wrap .body_sub_img {
    width: 180px;
  }
}

/*---------------------------------
  10インチカラーモニタ
---------------------------------*/
@media screen and (min-width: 768px), print {
  #monitor {
    margin-bottom: 100px;
  }
  #monitor .page_layout_column2 .monitor_img {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #monitor {
    margin-bottom: 55px;
  }
  #monitor .page_layout_column2:first-of-type .page_layout_inner {
    margin-bottom: 20px;
  }
  #monitor .page_layout_column2 .monitor_img {
    margin-bottom: 10px;
  }
}