@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; }

.ricore_contents {
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: none;
  position: relative; }
  .ricore_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%; } }

/*===============================================*/
/* ricore_contents */
/*===============================================*/
.ricore_contents {
  line-height: 1;
  color: #333333;
  -webkit-text-size-adjust: none;
  position: relative; }
  .ricore_contents img {
    width: 100%;
    vertical-align: top; }
  .ricore_contents sup {
    font-size: 12px;
    line-height: 1; }
  .ricore_contents a {
    color: #333333;
    text-decoration: none; }
  .ricore_contents .notTouchDevice .opc:hover {
    opacity: 0.8; }
  .ricore_contents .layout_white {
    z-index: 1; }
  .ricore_contents .hd01 {
    line-height: 1.4;
    font-family: Arial, sans-serif; }
    @media only screen and (max-width: 768px) {
      .ricore_contents .hd01 {
        font-size: 24px;
        margin: 8px; } }
  .ricore_contents .sec {
    position: relative;
    overflow: hidden; }
  .ricore_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) {
      .ricore_contents .sec_inner {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .ricore_contents .sec_inner {
        padding-left: 6%;
        padding-right: 6%; } }
  .ricore_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) {
      .ricore_contents [data-sec-bg] {
        background-size: 1366px auto; } }
  .ricore_contents .layout_bg {
    position: relative; }
  .ricore_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: #333; }
    @media only screen and (max-width: 1023px) {
      .ricore_contents .text_layer {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .ricore_contents .text_layer {
        padding-left: 6%;
        padding-right: 6%; } }
    @media only screen and (max-width: 768px) {
      .ricore_contents .text_layer {
        height: auto;
        display: block;
        padding-top: 40px;
        padding-bottom: 40px; } }
  .ricore_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) {
      .ricore_contents .layout_white {
        width: 100%;
        box-sizing: border-box; } }
    @media only screen and (max-width: 1023px) {
      .ricore_contents .layout_white {
        padding-left: 6%;
        padding-right: 6%; } }
  .ricore_contents .layout_col2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ricore_contents .layout_col2.reverse {
    flex-direction: row-reverse; }
  .ricore_contents .summary {
    max-width: 45%;
    text-align: center;
    }
    .ricore_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) {
        .ricore_contents .summary .sec_number {
          font-size: 11vw; } }
    .ricore_contents .summary .title {
      font-size: 26px;
      line-height: 1.2;
      text-align: left;
      font-weight: bold;
      margin-top: 0.2em; }
      @media only screen and (max-width: 1023px) {
        .ricore_contents .summary .title {
          font-size: 30px; } }
    .ricore_contents .summary .text {
      line-height: 1.4;
      font-size: 16px;
      margin-top: 1.5em; }
      @media only screen and (max-width: 1023px) {
        .ricore_contents .summary .text br {
          display: none; } }
    .ricore_contents .summary .pic {
      display: inline-block;
      margin-top: 25px; }
    .ricore_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; }
    .ricore_contents .uservoice .title {
      font-size: 23px;
      line-height: 1.2;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .ricore_contents .uservoice .text {
      line-height: 1.35;
      font-size: 15px;
      margin-top: 1.5em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .ricore_contents .uservoice .note_list {
      line-height: 1.35;
      font-size: 13px;
      margin-top: 1em; }
      .ricore_contents .uservoice .note_list li {
        text-indent: -1em;
        margin-left: 1em; }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .uservoice {
      width: 45%; }
      .ricore_contents .uservoice .title br {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .ricore_contents .layout_col2 {
      display: block; }
    .ricore_contents .catch {
      max-width: 100%; }
    .ricore_contents .summary {
      max-width: 100%; }
    .ricore_contents .uservoice {
      width: 100%;
      margin-top: 30px; }
      .ricore_contents .uservoice .uservoice_base {
        height: auto;
        min-height: 0;
        padding: 10px 0; }
      .ricore_contents .uservoice .inner {
        display: block;
        min-height: 0; } }

/*===============================================*/
/* overview */
/*===============================================*/
.ricore_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; }
.ricore_contents .overview .mark {
  display: block;
  width: 60px; }
.ricore_contents .overview .text_group {
  color: #fff;
  margin-top: 10px;
  margin-left: 70px;
  margin-bottom: 70px; }
.ricore_contents .overview .subtitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.ricore_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; }
.ricore_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) {
  .ricore_contents .overview .overview_text_layer {
    height: auto;
    padding: 30px 5% 20px; }
  .ricore_contents .overview .mark {
    width: 40px;
    top: 6%;
    left: 6%; }
  .ricore_contents .overview .text_group {
    margin-left: 0;
    margin-bottom: 50px; }
  .ricore_contents .overview .subtitle {
    font-size: 3.5vw; }
  .ricore_contents .overview .title {
    font-size: 7.2vw; }
  .ricore_contents .overview .read {
    font-size: 3.5vw; } }

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



/*===============================================*/
/* about */
/*===============================================*/
.ricore_contents .about {
  padding-top: 60px;
  padding-bottom: 60px; }
  .ricore_contents .about .summary .text {
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .ricore_contents .about .col_pic {
    width: 51%;
  }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .about .col_pic {
      width: 100%;
      margin-top: 30px; } }
  @media only screen and (max-width: 768px) {
    .ricore_contents .about .summary .text {
      padding-right: 0; } }

/*===============================================*/
/* solution */
/*===============================================*/
.ricore_contents .solution {
  padding-top: 60px;
  padding-bottom: 60px; }
  .ricore_contents .solution .summary .text {
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .ricore_contents .solution .col_pic {
    padding-right: 5%;
    width: 51%;
  }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .solution .col_pic {
      width: 100%;
      margin-top: 30px; } }
  @media only screen and (max-width: 768px) {
  .ricore_contents .solution .summary .text {
    padding-right: 0; }

    .ricore_contents .solution {
      padding-top: 40px;
      padding-bottom: 50px; } }

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

/*===============================================*/
/* overview_02 */
/*===============================================*/
.ricore_contents .overview_02 {
  /*height: 300px;*/
  /*padding-top: 50px;*/
  /*padding-bottom: 80px;*/
  /*margin-top: 100px;*/
}
.ricore_contents .overview_02 .inner{
  /*height: 300px;*/
  max-width: 1366px;
  margin: auto;
  /*padding-top: 50px;*/
  /*padding-bottom: 80px;*/
}
  .ricore_contents .overview_02 .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    color: #fff;
    text-align: center; }
  .ricore_contents .overview_02 .bnr_list {
    margin-top: 30px; }
  .ricore_contents .overview_02 .image_mn {
    color: #0000cc; }
    @media only screen and (min-width: 1366px) {
      .ricore_contents .overview_02 [data-sec-bg] {
        background-size: 1366px auto; } }


  @media only screen and (max-width: 768px) {
    .ricore_contents .overview_02 {
      /*margin-top: 80px;*/
      /*padding-top: 32px;
      padding-bottom: 32px;*/ } }

/*===============================================*/
/* solving_01 */
/*===============================================*/
.ricore_contents .solving_01 {
  padding-top: 60px;
  padding-bottom: 60px; }
  .ricore_contents .solving_01 .summary .tag {
    display: inline-block;
    font-size: 13px;
    float: left;
    background-color: #000;
    color: #fff;
    width: 6.75em;
    height: 2.5em;
    line-height: 2.6em;
    text-align: center;
  }
  .ricore_contents .solving_01 .summary .tag_01 {
    background-color: #00A0E9;
    color: #fff;
  }
  .ricore_contents .solving_01 .summary .tag_02 {
    background-color: #0055AD;
    color: #fff;
  }
  .ricore_contents .solving_01 .summary .title_set p {
    font-size: 13px;
    color: #0055AD;
    font-weight: bold;
    float: left;
    height: 2.5em;
    line-height: 2.6em;
    margin-left: 1.5em;
  }
  .ricore_contents .solving_01 .summary .title_set{
    margin-bottom: 1em;
  }
  .ricore_contents .solving_01 .summary .title_02 {
    font-size: 20px;
    color: #0055AD;
  }
  .ricore_contents .solving_01 .summary .text {
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .ricore_contents .solving_01 .col_pic {
    width: 50%;
    margin-left:5%;
  }
  .ricore_contents .solving_01 .summary {
    max-width: 48%;
  }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .solving_01 .col_pic {
      width: 48%;
      margin-top: 30px;
      margin-left:0; }
  }
  @media only screen and (max-width: 768px) {
    .ricore_contents .solving_01 {
      padding-top: 40px;
      padding-bottom: 50px; }
  .ricore_contents .solving_01 .summary .text {
    padding-right: 0; }
  .ricore_contents .solving_01 .summary .title_set p {
    margin-left: 0;
  }
  .ricore_contents .solving_01 .summary .title_set{
    margin-bottom: 0.5em;
  }
  .ricore_contents .solving_01 .summary {
    max-width: 100%;
  }
    .ricore_contents .solving_01 .col_pic {
      width: 100%;
      margin-left:0; }
  }

/*===============================================*/
/* solving_02 */
/*===============================================*/
.ricore_contents .solving_02 {
  padding-top: 60px;
  padding-bottom: 60px; }
  .ricore_contents .solving_02 .summary .tag {
    display: inline-block;
    font-size: 13px;
    float: left;
    background-color: #000;
    color: #fff;
    width: 6.75em;
    height: 2.5em;
    line-height: 2.6em;
    text-align: center;
  }
  .ricore_contents .solving_02 .summary .tag_01 {
    background-color: #00A0E9;
    color: #fff;
  }
  .ricore_contents .solving_02 .summary .tag_02 {
    background-color: #0055AD;
    color: #fff;
  }
  .ricore_contents .solving_02 .summary .title_set p {
    font-size: 13px;
    color: #0055AD;
    font-weight: bold;
    float: left;
    height: 2.5em;
    line-height: 2.6em;
    margin-left: 1.5em;
  }
  .ricore_contents .solving_02 .summary .title_set{
    margin-bottom: 1em;
  }
  .ricore_contents .solving_02 .summary .title_02 {
    font-size: 20px;
    color: #0055AD;
  }
  .ricore_contents .solving_02 .summary .text {
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .ricore_contents .solving_02 .col_pic {
    width: 50%;
    margin-left:5%;
  }
  .ricore_contents .solving_02 .summary {
    max-width: 48%;
  }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .solving_02 .col_pic {
      width: 48%;
      margin-top: 30px;
      margin-left:0; }
  }
  @media only screen and (max-width: 768px) {
    .ricore_contents .solving_02 {
      padding-top: 40px;
      padding-bottom: 50px; }
  .ricore_contents .solving_02 .summary .text {
    padding-right: 0; }
  .ricore_contents .solving_02 .summary .title_set p {
    margin-left: 0;
  }
  .ricore_contents .solving_02 .summary .title_set{
    margin-bottom: 0.5em;
  }
  .ricore_contents .solving_02 .summary {
    max-width: 100%;
  }
    .ricore_contents .solving_02 .col_pic {
      width: 100%;
      margin-left:0; }
  }

/*===============================================*/
/* solving_03 */
/*===============================================*/
.ricore_contents .solving_03 {
  padding-top: 60px;
  padding-bottom: 60px; }
  .ricore_contents .solving_03 .summary .tag {
    display: inline-block;
    font-size: 13px;
    float: left;
    background-color: #000;
    color: #fff;
    width: 6.75em;
    height: 2.5em;
    line-height: 2.6em;
    text-align: center;
  }
  .ricore_contents .solving_03 .summary .tag_01 {
    background-color: #00A0E9;
    color: #fff;
  }
  .ricore_contents .solving_03 .summary .tag_02 {
    background-color: #0055AD;
    color: #fff;
  }
  .ricore_contents .solving_03 .summary .title_set p {
    font-size: 13px;
    color: #0055AD;
    font-weight: bold;
    float: left;
    height: 2.5em;
    line-height: 2.6em;
    margin-left: 1.5em;
  }
  .ricore_contents .solving_03 .summary .title_set{
    margin-bottom: 1em;
  }
  .ricore_contents .solving_03 .summary .title_02 {
    font-size: 20px;
    color: #0055AD;
  }
  .ricore_contents .solving_03 .summary .text {
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    padding-right: 1em; }
  .ricore_contents .solving_03 .col_pic {
    width: 50%;
    margin-left:5%;
  }
  .ricore_contents .solving_03 .summary {
    max-width: 48%;
  }
  @media only screen and (max-width: 1023px) {
    .ricore_contents .solving_03 .col_pic {
      width: 48%;
      margin-top: 30px;
      margin-left:0; }
  }
  @media only screen and (max-width: 768px) {
    .ricore_contents .solving_03 {
      padding-top: 40px;
      padding-bottom: 50px; }
  .ricore_contents .solving_03 .summary .text {
    padding-right: 0; }
  .ricore_contents .solving_03 .summary .title_set p {
    margin-left: 0;
  }
  .ricore_contents .solving_03 .summary .title_set{
    margin-bottom: 0.5em;
  }
  .ricore_contents .solving_03 .summary {
    max-width: 100%;
  }
    .ricore_contents .solving_03 .col_pic {
      width: 100%;
      margin-left:0; }
  }

/*===============================================*/
/* notes */
/*===============================================*/
.ricore_contents .notes {
  text-align: center;
  font-size: 13px;
  line-height: 1.35;
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: left;
}
  @media only screen and (max-width: 768px) {
    .ricore_contents .notes {
      margin-top: 30px;
      margin-bottom: 30px;
    } 
  }


/*===============================================*/
/* recommend */
/*===============================================*/
.ricore_contents .end_copy {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}
  .ricore_contents .end_copy strong {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35em;
    color: #333;
    text-align: center;
  }
  @media only screen and (max-width: 768px) {
    .ricore_contents .end_copy {
      padding-top: 32px;
      padding-bottom: 32px;
      /*text-align: left;*/ } }


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

/*===============================================*/
/* relation */
/*===============================================*/
.ricore_contents .relation {
  padding-top: 70px;
  padding-bottom: 70px; }
  .ricore_contents .relation .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    text-align: center;
    padding: 0 8px; }
  .ricore_contents .relation .bnr_list {
    margin-top: 30px; }
    .ricore_contents .relation .bnr_list a {
      color: #0000cc; }
  .ricore_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/intelligent-workcore/img/icon_s_right_01.png) 100% 50% no-repeat #ffffff;
    background-color: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center; }
  .ricore_contents .relation .title_02 {
    margin-top: 50px;
    text-align: left; }
  @media only screen and (max-width: 768px) {
    .ricore_contents .relation {
      padding-top: 32px;
      padding-bottom: 32px; }
      .ricore_contents .relation .title {
        text-align: center; }
      .ricore_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; }