@charset "UTF-8";
/* =============================================== */
/* webfont name */
/* =============================================== */
@media only screen and (max-width: 1023px) {
  .scr-l {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .scr-lm {
    display: none !important; } }

.scr-ms {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .scr-ms {
      display: block; } }

.scr-s {
  display: none; }
  @media only screen and (max-width: 768px) {
    .scr-s {
      display: block; } }

/* =============================================== */
/*_typography */
/* =============================================== */
.webfont_normal {
  font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
  font-weight: normal;
  font-feature-settings: "liga" off, "calt" off; }

.webfont_bold {
  font-family: "Frutiger LT W01_65 Bold1475746", sans-serif;
  font-weight: normal;
  font-feature-settings: "liga" off, "calt" off;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.txt_l {
  line-height: 1.35;
  font-size: 20px; }

.txt_m {
  line-height: 1.35;
  font-size: 15px; }

.txt_s {
  line-height: 1.35;
  font-size: 13px; }

.title_l {
  line-height: 1.35;
  font-size: 38px; }

.title_m {
  line-height: 1.35;
  font-size: 24px; }

.title_s {
  line-height: 1.35;
  font-size: 19px; }

.f12 {
  line-height: 1.35;
  font-size: 15px;
  font-size: 12px; }

.lh-l {
  line-height: 2; }

.lh-m {
  line-height: 1.35; }

.lh-s {
  line-height: 1.2; }

/* =============================================== */
/* base */
/* =============================================== */
body {
  height: auto; }

.rsi_contents {
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: none;
  position: relative; }
  .rsi_contents .clm {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.375; }

/* =============================================== */
/* wrap */
/* =============================================== */
.w_contents {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px; }
  @media only screen and (max-width: 1023px) {
    .w_contents {
      width: 100%;
      box-sizing: border-box; } }
  @media only screen and (max-width: 1023px) {
    .w_contents {
      padding-left: 6%;
      padding-right: 6%; } }

/*===============================================*/
/* rsi_contents */
/*===============================================*/
.rsi_contents {
  line-height: 1;
  color: #313234;
  -webkit-text-size-adjust: none;
  position: relative; }
  .rsi_contents img {
    width: 100%;
    vertical-align: top; }
  .rsi_contents sup {
    font-size: 12px;
    line-height: 1; }
  .rsi_contents a {
    color: #313234;
    text-decoration: none; }
  .rsi_contents .notTouchDevice .opc:hover {
    opacity: 0.8; }
  .rsi_contents .layout_white {
    z-index: 1; }
  .rsi_contents .hd01 {
    line-height: 1.4;
    font-family: Arial, sans-serif; }
    @media only screen and (max-width: 768px) {
      .rsi_contents .hd01 {
        font-size: 24px;
        margin: 8px; } }
  .rsi_contents .sec {
    position: relative;
    overflow: hidden; }
  .rsi_contents .sec_inner {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px; }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .sec_inner {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .sec_inner {
        padding-left: 6%;
        padding-right: 6%; } }
  .rsi_contents [data-sec-bg] {
    background-color: #f3f3f3;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 1366px) {
      .rsi_contents [data-sec-bg] {
        background-size: 1366px auto; } }
  .rsi_contents .layout_bg {
    position: relative; }
  .rsi_contents .text_layer {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    height: 610px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff; }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .text_layer {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .text_layer {
        padding-left: 6%;
        padding-right: 6%; } }
    @media only screen and (max-width: 768px) {
      .rsi_contents .text_layer {
        height: auto;
        display: block;
        padding-top: 40px;
        padding-bottom: 40px; } }
  .rsi_contents .layout_white {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px; }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .layout_white {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .rsi_contents .layout_white {
        padding-left: 6%;
        padding-right: 6%; } }
  .rsi_contents .layout_col2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .rsi_contents .layout_col2.reverse {
    flex-direction: row-reverse; }
  .rsi_contents .summary {
    max-width: 50%;
    text-align: center; }
    .rsi_contents .summary .sec_number {
      font-size: 63px;
      font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
      font-weight: normal;
      font-feature-settings: "liga" off, "calt" off;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .rsi_contents .summary .sec_number {
          font-size: 11vw; } }
    .rsi_contents .summary .title {
      font-size: 38px;
      line-height: 1.2;
      margin-top: 0.2em; }
      @media only screen and (max-width: 1023px) {
        .rsi_contents .summary .title {
          font-size: 30px; } }
    .rsi_contents .summary .text {
      line-height: 1.35;
      font-size: 15px;
      margin-top: 0.5em; }
      @media only screen and (max-width: 1023px) {
        .rsi_contents .summary .text br {
          display: none; } }
    .rsi_contents .summary .pic {
      display: inline-block;
      margin-top: 25px; }
  .rsi_contents .uservoice {
    width: 37.5%;
    flex-shrink: 0;
    color: #fff; }
    .rsi_contents .uservoice .uservoice_base {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
    .rsi_contents .uservoice .inner {
      box-sizing: border-box;
      padding: 20px;
      z-index: 1;
      position: relative;
      min-height: 378px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .rsi_contents .uservoice .title {
      font-size: 23px;
      line-height: 1.2;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .rsi_contents .uservoice .text {
      line-height: 1.35;
      font-size: 15px;
      margin-top: 1.5em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .rsi_contents .uservoice .note_list {
      line-height: 1.35;
      font-size: 13px;
      margin-top: 1em; }
      .rsi_contents .uservoice .note_list li {
        text-indent: -1em;
        margin-left: 1em; }
  @media only screen and (max-width: 1023px) {
    .rsi_contents .uservoice {
      width: 45%; }
      .rsi_contents .uservoice .title br {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .rsi_contents .layout_col2 {
      display: block; }
    .rsi_contents .catch {
      max-width: 100%; }
    .rsi_contents .summary {
      max-width: 100%; }
    .rsi_contents .uservoice {
      width: 100%;
      margin-top: 30px; }
      .rsi_contents .uservoice .uservoice_base {
        height: auto;
        min-height: 0;
        padding: 10px 0; }
      .rsi_contents .uservoice .inner {
        display: block;
        min-height: 0; } }

/*===============================================*/
/* overview */
/*===============================================*/
.rsi_contents .overview .overview_text_layer {
  z-index: 10;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  min-height: auto;
  height: 500px;
  display: flex;
  align-items: center;
  padding: 0 10px; }
.rsi_contents .overview .mark {
  display: block;
  width: 60px; }
.rsi_contents .overview .text_group {
  color: #fff;
  margin-top: 10px;
  margin-left: 70px;
  margin-bottom: 70px; }
.rsi_contents .overview .subtitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.rsi_contents .overview .title {
  font-size: 53px;
  font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
  font-weight: normal;
  font-feature-settings: "liga" off, "calt" off;
  margin-top: 0.2em; }
.rsi_contents .overview .read {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0.6em; }
@media only screen and (max-width: 768px) {
  .rsi_contents .overview .overview_text_layer {
    height: auto;
    padding: 30px 5% 20px; }
  .rsi_contents .overview .mark {
    width: 40px;
    top: 6%;
    left: 6%; }
  .rsi_contents .overview .text_group {
    margin-left: 0;
    margin-bottom: 50px; }
  .rsi_contents .overview .subtitle {
    font-size: 3.5vw; }
  .rsi_contents .overview .title {
    font-size: 7.2vw; }
  .rsi_contents .overview .read {
    font-size: 3.5vw; } }

/*===============================================*/
/* intro */
/*===============================================*/
.rsi_contents .intro {
  padding-top: 100px; }
  .rsi_contents .intro .title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center; }
  .rsi_contents .intro .text {
    line-height: 1.35;
    font-size: 15px;
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em; }
  @media only screen and (max-width: 768px) {
    .rsi_contents .intro {
      padding-top: 40px; }
      .rsi_contents .intro .title {
        font-size: 30px; }
      .rsi_contents .intro .text {
        text-align: left; }
        .rsi_contents .intro .text br {
          display: none; } }

/*===============================================*/
/* values */
/*===============================================*/
.rsi_contents .values {
  padding-top: 60px;
  padding-bottom: 100px; }
  .rsi_contents .values .col_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -30px; }
    .rsi_contents .values .col_list li {
      width: 31%;
      text-align: left;
      margin-top: 40px; }
    .rsi_contents .values .col_list .num {
      font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
      font-weight: normal;
      font-feature-settings: "liga" off, "calt" off;
      font-size: 40px;
      text-align: center; }
    .rsi_contents .values .col_list .color1 {
      color: #9F00CF; }
    .rsi_contents .values .col_list .color2 {
      color: #0087CF; }
    .rsi_contents .values .col_list .color3 {
      color: #00A7FF; }
    .rsi_contents .values .col_list .title_group {
      display: flex;
      align-items: center;
      margin-top: 10px; }
    .rsi_contents .values .col_list .pic {
      width: 65px; }
      .rsi_contents .values .col_list .pic img {
        height: 53px;
        width: auto; }
    .rsi_contents .values .col_list .title {
      font-size: 33px;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 65px;
      flex: 1 0 auto;
      text-align: center; }
    .rsi_contents .values .col_list .text {
      line-height: 1.35;
      font-size: 15px;
      margin-top: 1em; }
  @media only screen and (max-width: 1023px) {
    .rsi_contents .values .col_list li {
      width: 47%; } }
  @media only screen and (max-width: 768px) {
    .rsi_contents .values .col_list li {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .rsi_contents .values {
      padding-top: 0;
      padding-bottom: 50px; }
      .rsi_contents .values .col_list {
        margin-top: 0px; }
        .rsi_contents .values .col_list .title {
          font-size: 30px; } }

/*===============================================*/
/* sec_01 */
/*===============================================*/
.rsi_contents .sec_01 .sec_number {
  color: #9F00CF; }
.rsi_contents .sec_01 .uservoice_base {
  background: rgba(159, 0, 207, 0.85); }
.rsi_contents .sec_01 .pic {
  width: 233px; }
@media only screen and (max-width: 480px) {
  .rsi_contents .sec_01 .layout_col2 {
    margin-top: 0; } }

/*===============================================*/
/* sec_02 */
/*===============================================*/
.rsi_contents .sec_02 {
  margin-top: 16px; }
  .rsi_contents .sec_02 .sec_number {
    color: #0A00FF; }
  .rsi_contents .sec_02 .uservoice_base {
    background: rgba(10, 0, 255, 0.85); }
  .rsi_contents .sec_02 .pic {
    width: 134px; }
  @media only screen and (max-width: 768px) {
    .rsi_contents .sec_02 .text_layer {
      min-height: 0; }
    .rsi_contents .sec_02 .pic {
      width: 100px; } }

/*===============================================*/
/* sec_03 */
/*===============================================*/
.rsi_contents .sec_03 {
  margin-top: 16px; }
  .rsi_contents .sec_03 .sec_number {
    color: #00A7FF; }
  .rsi_contents .sec_03 .uservoice_base {
    background: rgba(0, 167, 255, 0.85); }
  .rsi_contents .sec_03 .pic {
    width: 100px; }
  @media only screen and (max-width: 768px) {
    .rsi_contents .sec_03 .text_layer {
      min-height: 0; } }

/*===============================================*/
/* device */
/*===============================================*/
.rsi_contents .device {
  padding-top: 60px;
  padding-bottom: 60px; }
  .rsi_contents .device .summary .text {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .rsi_contents .device .col_pic {
    width: 48%; }
  @media only screen and (max-width: 1023px) {
    .rsi_contents .device .col_pic {
      width: 100%;
      margin-top: 30px; } }
  @media only screen and (max-width: 768px) {
    .rsi_contents .device {
      padding-top: 40px;
      padding-bottom: 50px; } }

/*===============================================*/
/* recommend */
/*===============================================*/
.rsi_contents .recommend {
  padding-top: 50px;
  padding-bottom: 80px; }
  .rsi_contents .recommend .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    color: #fff;
    text-align: center; }
  .rsi_contents .recommend .bnr_list {
    margin-top: 30px; }
  .rsi_contents .recommend .image_mn {
    color: #0000cc; }
  @media only screen and (max-width: 768px) {
    .rsi_contents .recommend {
      padding-top: 32px;
      padding-bottom: 32px; } }

/*===============================================*/
/* relation */
/*===============================================*/
.rsi_contents .relation {
  padding-top: 50px;
  padding-bottom: 50px; }
  .rsi_contents .relation .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    text-align: center;
    padding: 0 8px; }
  .rsi_contents .relation .bnr_list {
    margin-top: 30px; }
    .rsi_contents .relation .bnr_list a {
      color: #0000cc; }
  .rsi_contents .relation .relation_bnr .text {
    font-size: 15px;
    line-height: 1.35;
    color: #0000cc;
    padding: 25px 25px 25px 20px;
    overflow: hidden;
    background: url(/-/Media/Ricoh/Sites/co_jp/solutions/smart-integration/img/icon_s_right_01.png) 100% 50% no-repeat #ffffff;
    background-color: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center; }
  .rsi_contents .relation .title_02 {
    margin-top: 50px;
    text-align: left; }
  @media only screen and (max-width: 768px) {
    .rsi_contents .relation {
      padding-top: 32px;
      padding-bottom: 32px; }
      .rsi_contents .relation .title {
        text-align: center; }
      .rsi_contents .relation .bnr_list {
        margin-top: 15px; } }

/*===============================================*/
/* edit */
/*===============================================*/
.txc {
  text-align: center; }

.txl {
  text-align: left; }

.txr {
  text-align: right; }

.fw-normal {
  font-weight: normal; }

.nowrap {
  white-space: nowrap; }

.underline {
  text-decoration: underline; }

.ib {
  display: inline-block; }

.link-uline a {
  text-decoration: underline; }

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

/*# sourceMappingURL=style.css.map */