@charset "utf-8";


/*---------------------------------------------------
  Reaset
---------------------------------------------------*/

ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#contents {
  padding-bottom: 0;
}

/*---------------------------------------------------
  Module: Option
---------------------------------------------------*/

.dsp_sp{
 display: none;
}

@media(max-width: 640px){
  .dsp_sp{
   display: block;
  }
  .dsp_pc{
   display: none;
  }
}

/*Background Color------------------*/

.bg_gry{
  background: #f3f3f3 !important;
}
.bg_wht{
  background: #ffffff !important;
}
.bg_red{
  background: #cf142b !important;
}
.bg_blu{
  background: #0b51b3 !important;
}

/*Text Color------------------*/

.txt_red{
  color: #cf142b !important;
}
.txt_blu{
  color: #0b51b3 !important;
}


/*---------------------------------------------------
  Module: Section
---------------------------------------------------*/

/*Section Common------------------*/

.sct_cnt,
.sct_cnt *{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sct_cnt p{
  margin-top: 0;
}
.sct_cnt img{
  vertical-align: top;
}

/*Link*/
.sct_cnt a{
  text-decoration: none;
  color: #333;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.sct_cnt a:hover{
  opacity: 0.6;
}

@media(max-width: 640px){
  .sct_cnt a{
    transition: none;
  }
  .sct_cnt a:hover{
    opacity: 1;
  }
}

/*Section------------------*/

.sct_cnt{
  padding: 80px 0;
  width: 100%;
}
.sct_cnt_inr{
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
  max-width: 1088px;
}
.sct_cnt .sct_cnt_inr.inr_flex{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media(max-width: 640px){
  .sct_cnt{
    padding: 64px 0;
  }
  .sct_cnt_inr{
    padding: 0 20px;
  }
  /*
  .sct_cnt_inr.inr_swipe{
    padding: 0 0 0 20px;
    overflow: hidden;
  }
  */
}

/*Block------------------*/

.blc01{
  margin-top: 40px;
  width: 100%;
  background: rgba(125,250,125, 0);
}
.blc01:first-of-type{
  margin-top: 0 !important;
}
.blc02,
.blc03,
.blc04,
.blc05,
.blc02_ver,
.blc03_ver,
.blc04_ver{
  display: flex;
  flex-wrap : wrap;
}

.blc{
  width: 100%;
}
.blc02 .blc{
  width: 50%;
  padding: 1px 0 0 1px;
}
.blc03 .blc{
  width: 33.333%;
  padding: 1px 0 0 1px;
}
.blc04 .blc{
  width: 25.0%;
  padding: 1px 0 0 1px;
}
.blc05 .blc{
  width: 20%;
  padding: 1px 0 0 1px;
}
.blc02 .blc:nth-child(-n+2),
.blc03 .blc:nth-child(-n+3),
.blc04 .blc:nth-child(-n+4),
.blc05 .blc:nth-child(-n+4){
  padding-top: 0;
}

.blc02_ver{
  width: auto;
  margin-left: -20px;
  margin-right: -20px;
}
.blc02_ver .blc{
  margin-top: 40px;
  padding: 0 20px;
  width: 50%;
}
.blc03_ver{
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
.blc03_ver .blc{
  margin-top: 30px;
  padding: 0 15px;
  width: 33.333%;
}
.blc04_ver{
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
.blc04_ver .blc{
  margin-top: 30px;
  padding: 0 15px;
  width: 25.0%;
}
@media(min-width: 769px){
  .blc02_ver .blc:nth-child(-n+2),
  .blc03_ver .blc:nth-child(-n+3),
  .blc04_ver .blc:nth-child(-n+4){
    margin-top: 0;
  }
}

@media(max-width: 768px){
  .blc02_ver,
  .blc03_ver,
  .blc04_ver{
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .blc02_ver .blc,
  .blc03_ver .blc,
  .blc04_ver .blc{
    margin-top: 40px;
    width: 100%;
    padding: 0;
  }
  .blc02_ver .blc:first-child,
  .blc03_ver .blc:first-child,
  .blc04_ver .blc:first-child{
    margin-top: 0;
  }
}
@media(max-width: 640px){
  .blc02,
  .blc03,
  .blc04,
  .blc05{
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .blc02 .blc,
  .blc03 .blc,
  .blc04 .blc,
  .blc05 .blc,
  .blc02_ver .blc,
  .blc03_ver .blc,
  .blc04_ver .blc{
    margin-top: 30px;
    width: 100%;
    padding: 0;
  }
  .blc01 .blc:first-child{
    margin-top: 0 !important;
  }
}

/*Title & Text------------------*/

.cnt_max h2,
.cnt_max h3,
.cnt_max h4,
.sct_cnt h2,
.sct_cnt h3,
.sct_cnt h4{
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.sct_cnt .cnt_hd02{
  text-align: center;
  font-size: 40px;
}
.sct_cnt .cnt_hd03{
  margin-bottom: 16px;
  color: #666;
  text-align: center;
  font-size: 26px;
}
.sct_cnt .cnt_lead{
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
}

@media(max-width: 768px){
  .sct_cnt .rsp_cnt_hd03{
    font-size: 20px;
  }
}

@media(max-width: 640px){
  .sct_cnt .cnt_hd02{
    margin-bottom: 0;
    font-size: 24px;
  }
  .sct_cnt .cnt_hd03{
    font-size: 20px;
  }
  .sct_cnt .cnt_lead{
    font-size: 16px;
  }
}


/*---------------------------------------------------
  Module: link_cnt_btn
---------------------------------------------------*/

/*Link Cnt Btn------------------*/

.link_cnt_btn{
  position: relative;
  width: 100%;
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_w.png) right center no-repeat rgba(0,0,0, 0.7);
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.link_cnt_btn .ttl{
  font-weight: bold;
  font-size: 18px;
}
.link_cnt_btn .desc{
  margin-top: 4px;
}

/*Link Cnt01------------------*/

a.link_cnt01{
  position: relative;
  display: block;
}
a.link_cnt01 .img img{
  width: 100%;
}
a.link_cnt01 .link_cnt_btn{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 30px 20px 20px;
}

@media (max-width: 1008px){
  a.link_cnt01 .link_cnt_btn{
    padding: 18px 30px 16px 18px;
  }
  a.link_cnt01 .link_cnt_btn .ttl{
    font-size: 18px;
  }
  a.link_cnt01 .link_cnt_btn .desc{
    display: none;
  }
  a.link_cnt01 .link_cnt_btn.ver{
    position: relative;
    bottom: auto;
  }
  a.link_cnt01 .link_cnt_btn.ver .desc{
    display: block;
  }
}
@media(max-width: 640px){
  a.link_cnt01 .link_cnt_btn{
    position: absolute;
  }
}

/*Link Cnt02------------------*/

a.link_cnt02{
  position: relative;
  display: block;
}
a.link_cnt02 .img img{
  position: relative;
  width: 93.1%;
}
a.link_cnt02 .link_cnt_btn{
  position: relative;
  float: right;
  margin-top: -40px; 
  padding: 24px 32px 24px 24px;
  width: 80%;
  max-width: 445px;
}
a.link_cnt02 .link_cnt_btn .ttl{
  margin-bottom: 8px;
}

@media (max-width: 1008px){
  a.link_cnt02 .link_cnt_btn{
    margin-top: -16px; 
    width: 93.1%;
    max-width: initial;
  }
}

/*Link Cnt03------------------*/

a.link_cnt03{
  position: relative;
  display: block;
}
a.link_cnt03:hover{
  opacity: 1;
}
a.link_cnt03 .img img{
  width: 100%;
}
a.link_cnt03 .link_cnt_btn_wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  width: 100%;
}
a.link_cnt03 .link_cnt_btn{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2px 30px 0 20px;
  width: 100%;
  max-height: 68px;
  min-height: 68px;
  transition: all 0.3s ease-out 0.2s;
}
a.link_cnt03 .link_cnt_btn .ttl{
  font-feature-settings: "palt";
  letter-spacing: 0.045em;
}

@media(max-width: 1008px){
  a.link_cnt03 .link_cnt_btn .ttl{
    font-size: 16px;
  }
}
@media(min-width: 641px){
  a.link_cnt03:hover .link_cnt_btn{
    padding: 22px 30px 20px 20px;
    max-height: 200px;
    transition: all 0.4s ease-out;
  }
  a.link_cnt03 .link_cnt_btn .ttl{
    line-height: 1.2; 
    vertical-align: bottom;
  }
  a.link_cnt03 .link_cnt_btn .desc{
    margin-top: 0;
    padding-top: 0;
    line-height: 0; 
    opacity: 0;
    visibility: hidden;
    transition:
      padding-top  0.2s linear 0.2s,
      line-height 0.2s linear 0.2s,
      opacity     0.2s ease-out,
      visibility  0.2s linear 0.2s;
  }
  a.link_cnt03:hover .link_cnt_btn .desc{
    padding-top: 6px;
    line-height: 1.4;
    opacity: 1;
    visibility: visible;
    transition:
      padding-top  0.2s linear,
      line-height 0.2s linear,
      opacity     0.2s ease-out 0.2s,
      visibility  0.2s linear;
  }

  .h450p {
    height: 450px !important;
  }

}
@media(max-width: 640px){

  .rsp_h360p {
    height: 360px !important;
  }

  a.link_cnt03 .link_cnt_btn .link_cnt_btn_wrap{
    display: block;
  }
  a.link_cnt03 .link_cnt_btn{
    display: block;
    padding: 15px 30px 13px 16px;
    max-height: auto;
    min-height: auto;
  }
  a.link_cnt03 .link_cnt_btn .ttl{
    font-size: 18px;
  }
  a.link_cnt03 .link_cnt_btn .desc{
    display: none;
  }
}



/*---------------------------------------------------
  Module: list_btn
---------------------------------------------------*/

/*List Button Set------------------*/

.list_btn_set{
  width: 100%;
}
.list_btn_set li{
  float: left;
  width: 100%;
  padding: 0 0 1px 1px;
  overflow: hidden;
}
.list_btn_set li.list02{
  width: 50%;
}
.list_btn_set li.list03{
  width: 33.333%;
}
.list_btn_set li.list04{
  width: 25.0%;
}
.list_btn_set li.list05{
  width: 20%;
}
.list_btn_set li.list06{
  width: 16.666%;
}

@media(max-width: 768px){
  .list_btn_set li.list02,
  .list_btn_set li.list03,
  .list_btn_set li.list04,
  .list_btn_set li.list05,
  .list_btn_set li.list06{
    width: 50%;
  }
  .list_btn_set li.rsp_list01{
    width: 100%;
  }
}

/*List Button------------------*/

a.list_btn{
  display: table;
  width: 100.0%;
  height: 70px;
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_w.png) no-repeat #cf142b;
  background-position: 99.2% center;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
a.list_btn_b{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 25px 0 15px;
  height: 70px;
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_w.png) right center no-repeat rgba(0,0,0, 0.7);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.list_btn_set li a.list_btn{
  width: 101.0%;
}
.list_btn_set li.list02 a.list_btn{
  background-position: 99.0% center;
}
a.list_btn span{
  display: table-cell;
  padding: 3px 30px 0 25px;
  text-align: center;
  vertical-align: middle;
}

/*Link Btn Small*/
.list_btn_set.small a.list_btn{
  max-width: 210px;
  height: 50px;
}

/*Link Btn White*/
.list_btn_set.wht a.list_btn{
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_g.png) no-repeat #fff;
  background-position: 99.2% center;
  color: #666;
  font-weight: bold;
  font-size: 14px;
}

@media(max-width: 640px){
  a.list_btn{
    height: 65px;
  }
  .list_btn_set a.list_btn{
    width: 101.5%;
    height: 65px;
    background-position: 99.0% center !important;
    font-size: 15px;
  }
  a.list_btn_b{
      height: 65px;
     font-size: 15px;
  }
  .list_btn_set a.list_btn span{
    padding: 0 20px 0 10px;
  }
  .list_btn_set.wht  a.list_btn{
    font-size: 12px;
  }
}


/*---------------------------------------------------
  Page Style: /sales/about/
---------------------------------------------------*/

/*Sction Main------------------*/

.sct_cnt.sct_cnt_main{
  padding: 0;
  
}

.sct_cnt.sct_cnt_main .sct_cnt_inr{
  height: 100%;
}

.sct_cnt.sct_cnt_main .sct_cnt_inr a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_main.jpg?2112) center center no-repeat;
  
}

@media(max-width: 640px){
  .sct_cnt.sct_cnt_main .sct_cnt_inr a{
    background-image: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_main_sp.jpg?2112);
    background-size: 100%;
    background-position-y: 0;
  }

  .rsp_h360p {
    height: 360px !important;
  }
}


.mw0 {
  max-width: none;
}

.h100 {
  height: 100% !important;
}


.sct_cnt.sct_cnt_main{
  position: relative;
  height: 506px;
}
.sct_cnt.sct_cnt_main a,
.sct_cnt.sct_cnt_main a:hover{
  transition: none;
  opacity: 1;
}

.sct_cnt.sct_cnt_main .breadcrumbs_set{
  position: absolute;
  width: 100%;
  height: 40px;
  background: rgba(255,255,255, 0.8);
  z-index: 1;
}
.sct_cnt.sct_cnt_main .cp-BreadcrumbsHeader{
  padding: 8px 8px 0 8px;
  height: 40px;
  border-bottom: none;
}
.sct_cnt.sct_cnt_main .cp-BreadcrumbsHeader a:visited{
  color: #90c;
}
.sct_cnt.sct_cnt_main .cp-BreadcrumbsHeader a,
.sct_cnt.sct_cnt_main .cp-BreadcrumbsHeader a:link{
  color: #00c;
}
.sct_cnt.sct_cnt_main h2{
  padding-top: 182px;
  max-width: 476px;
}

@media(max-width: 640px){
  .sct_cnt.sct_cnt_main .breadcrumbs_set{
    display: none;
  }
  .sct_cnt.sct_cnt_main h2{
    padding-top: 0;
  }
}

/*Anchor Link------------------*/

.anchor_link{
  position: relative;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
.anchor_link.act_fixed{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
}
.anchor_link .anchor_link_ttl,
.anchor_link_sp{
  display: none;
}
.anchor_link .anchor_link_menu li a,
.anchor_link .anchor_link_menu li a:hover{
  color: #333;
  text-decoration: none;
}

/*Anchor Link PC*/

@media(min-width: 641px){
  .sct_anchor_link,
  .anchor_link{
    height: 76px;
  }
  .anchor_link{
    border-bottom: 4px solid #cf142b;
  }
  .anchor_link .anchor_link_menu{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .anchor_link .anchor_link_menu li a{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 13px 0 13px;
    height: 72px;
    text-align: center;
    transition: opacity 0.3s ease-out;
  }
  .anchor_link .anchor_link_menu li a span{
    display: inline-block;
    padding: 0 0 15px 0;
    background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/icon_about_menu.png) center bottom no-repeat;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    font-feature-settings: "palt";
    letter-spacing: 0.042em;
  }
  .anchor_link .anchor_link_menu li a:after,
  .anchor_link .anchor_link_menu li:first-child a:before{
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    width: 1px;
    height: 16px;
    background: #dedede;
  }
  .anchor_link .anchor_link_menu li a:after{
    right: 0;
  }
  .anchor_link .anchor_link_menu li:first-child a:before{
    left: 0;
  }
  .anchor_link .anchor_link_menu li a:hover{
    opacity: 0.6;
  }
}
@media(min-width: 641px) and (max-width: 1023px){
  .anchor_link .anchor_link_menu li a{
    padding: 0 8px;
  }
  .anchor_link .anchor_link_menu li a span{
    font-size: 14px;
  }
}

/*Anchor Link SP*/

@media(max-width: 640px){
  .sct_anchor_link{
    position: relative;
    height: 50px;
  }
  .anchor_link{
    border-bottom: 3px solid #cf142b;
    z-index: 5;
  }
  .anchor_link .anchor_link_ttl{
    display: block;
    margin-top: 0;
    padding: 0 15px;
    background: #ffff;
  }  
  .anchor_link .anchor_link_ttl span{
    display: block;
    padding: 17px 20px 0 0;
    height: 48px;
    background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/icon_about_menu.png) right 52.0% no-repeat;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.0;
    box-sizing: border-box;
    cursor: pointer;
  }
  .anchor_link .anchor_link_ttl.act_close span{
    background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/icon_about_menu_up.png) right 52.0% no-repeat;
  }
  .anchor_link .anchor_link_menu{
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.2s ease-out, max-height 0.2s ease-out;
  }
  .anchor_link .anchor_link_menu.act_open{
    display: block;
    visibility: visible;
    max-height: 400px;
    opacity: 1;
    transition: opacity 0.35s ease-out, max-height 0.35s ease-out;
  }
  .anchor_link .anchor_link_menu li a{
    display: block;
    padding: 0 15px;
    border-top: 1px solid #c9c9c9;
    background: #f3f3f3;
  }
  .anchor_link .anchor_link_menu li a span{
    display: block;
    padding: 15px 20px 14px 0;
    background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/icon_about_menu.png) right 52.0% no-repeat;
    font-size: 15px;
    line-height: 1.0;
    box-sizing: border-box;
  }
}

/*Anchor Point*/

.anr_point{
  position: relative;
  margin-top: -75px;
  padding-top: 75px;
  z-index: -1;
}
@media(max-width: 640px){
  .anr_point {
    margin-top: -50px;
    padding-top: 50px;
  }
}


/*Sction Intoro------------------*/

/*Intro Navi*/

.sct_cnt.sct_cnt_intro .intro_navi{
  position: absolute;
  left: 0;
  bottom: -35px;
  display: flex;
  padding: 0 40px;
  width: 100%;
}
.sct_cnt.sct_cnt_intro .intro_navi li{
  width: 25.0%;
  padding-left: 1px;
  box-sizing: border-box;
}
.sct_cnt.sct_cnt_intro .intro_navi li:first-child{
  padding-left: 0;
}
.sct_cnt.sct_cnt_intro .intro_navi li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1px 25px 0 15px;
  height: 70px;
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_w.png) right center no-repeat rgba(0,0,0, 0.7);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media(max-width: 768px){
  .sct_cnt.sct_cnt_intro .intro_navi{
    bottom: -165px;
    flex-wrap: wrap;
    padding: 0 20px;
/* 
    position: relative;
    bottom: auto;
    margin-top: 36px;
    padding: 0; */
  }
  .sct_cnt.sct_cnt_intro .intro_navi li{
    width: 50.0%;
    padding-top: 1px;
    box-sizing: border-box;
  }
  .sct_cnt.sct_cnt_intro .intro_navi li.rsp_list01{
    width: 100.0%;
  }
  .sct_cnt.sct_cnt_intro .intro_navi li:nth-child(odd){
    padding-left: 0;
  }
  .sct_cnt.sct_cnt_intro .intro_navi li a{
    height: 65px;
    font-size: 15px;
  }
}

/*Intro*/

.sct_cnt.sct_cnt_intro{
  margin-bottom: 35px;
  padding: 0;
  background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_about.jpg) center center no-repeat;
}

.sct_cnt.sct_cnt_intro .sct_cnt_inr{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px; 
}

.sct_cnt.sct_cnt_intro .intro_lead{
  margin-top: 0;
  padding: 0 0 56px 0;
  text-align: center;
  font-size: 15px;
  line-height: 2.4;
  width: 65%;
  margin-left: auto;
  box-sizing: border-box;
}

.sct_cnt.sct_cnt_intro .intro_lead .about_dsp_lb{
  display: inline-block;
}

@media(max-width: 768px){
  .sct_cnt.sct_cnt_intro .sct_cnt_inr{
    padding: 40px 20px 0 20px;  
  }
  .sct_cnt.sct_cnt_intro{
    margin-bottom: 185px;  
  }
}

@media(max-width: 640px){
  .sct_cnt.sct_cnt_intro{
    display: block;
    /* margin-bottom: 0; */
    height: auto;
    background: none;
  }
  .sct_cnt.sct_cnt_intro .sct_cnt_intro__img{
    position: relative;
    width: 100%;
  }
  .sct_cnt.sct_cnt_intro .sct_cnt_intro__img img{
    width: 100%;
  }
  .sct_cnt.sct_cnt_intro .sct_cnt_inr{
    padding: 40px 20px 0;
    height: auto;  
  }
  /* .sct_cnt.sct_cnt_intro .intro_navi{
    position: relative;
    bottom: auto;
    margin-top: 36px;
    padding: 0;
  } */
  .sct_cnt.sct_cnt_intro .intro_lead{
    margin-top: 0;
    padding: 0;
    text-align: justify;
    font-size: 15px;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    width: 100%;
    margin-left: 0;
  }
  .sct_cnt.sct_cnt_intro .intro_lead .about_dsp_lb{
    display: inline;
  }
}


/*About------------------*/

.link_content_set ul{
  width: 100%;
}
.link_content_set ul li{
  float: left;
  padding: 0 0 1px 1px;
}
.link_content_set ul.list02 li{
  width: 50.0%;
}
.link_content_set ul.list03 li{
  width: 33.333%;
}
.link_content_set ul.list03 li.list02{
  width: 66.666%;
}
.link_content_set ul.list03 li.list03{
  width: 50.0%;
}

.link_content_set ul.list03 li.list04{
  width: 100.0%;
}

@media(max-width: 640px){
  .link_content_set ul li{
    margin-top: 25px; 
    float: none;
    padding: 0;
    width: 100% !important;
  }
  .link_content_set ul li:first-child{
    margin-top: 0; 
  }
}

/*Movie Module------------------*/

.sct_cnt_about .jp_movie_box:after {
  bottom: 54px;
}
.sct_cnt_about .jp_movie_box:hover > .jp_mov_img {
  opacity: 1 !important;
}

.sct_cnt_about .newWinModalYoutube_iframe {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.sct_cnt_about .newWinModalYoutube_iframe iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.sct_cnt_about .youtube_box .ttl {
  padding: 15px 16px 13px 16px;
  width: 100%;
  background: rgba(0,0,0, 0.8);
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*Sction Trendtool------------------*/
/*Sction Recruit------------------*/

/*Back*/

.sct_cnt.sct_cnt_trendtool{
  background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_magazine.jpg) center center no-repeat;
}
.sct_cnt.sct_cnt_recruit{
  background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_recruit.jpg) center center no-repeat;
}
.sct_cnt.sct_cnt_trendtool,
.sct_cnt.sct_cnt_recruit{
  padding: 0;
}
.sct_cnt.sct_cnt_trendtool .sct_cnt_inr{
  padding-bottom: 16px;
  height: 500px;
}
.sct_cnt.sct_cnt_recruit .sct_cnt_inr{
  padding-top: 16px;
  height: 500px;
}

/*Content*/

.sct_cnt.sct_cnt_trendtool .cnt_lead,
.sct_cnt.sct_cnt_recruit .cnt_lead{
  text-align: center;
}
.sct_cnt.sct_cnt_trendtool .list_btn_set_01,
.sct_cnt.sct_cnt_recruit .list_btn_set_01,
.sct_cnt.sct_cnt_sustainability .list_btn_set_01,
.sct_cnt.sct_cnt_intro .list_btn_set_01{
  margin: 40px auto 0 auto;
  width: 100%;
  max-width: 320px;
}
.sct_cnt.sct_cnt_sustainability .list_btn_set_01{
  max-width: 660px;
  text-align: center;
}
.sct_cnt.sct_cnt_recruit .list_btn_set_01{
  margin: 60px auto 0 auto;
}

/*Sustainability*/

.mt_sustainability {
  margin-top: 115px;
}

@media(max-width: 640px){
  .mt_sustainability {
    margin-top: 50px;
  }
}

.sct_cnt_sustainability {
  background: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_sustainability_bg.jpg);
}

.sct_cnt.sct_cnt_sustainability .list_btn_set_01{
  margin: 40px auto 0 auto;
}

@media(max-width: 640px){

  /*Back*/

  .sct_cnt.sct_cnt_trendtool{
    background-image: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_magazine_sp.jpg);
    background-size: cover;
  }
  .sct_cnt.sct_cnt_recruit{
    background-image: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/img_bg_recruit_sp.jpg);
    background-size: cover;
  }
  .sct_cnt.sct_cnt_trendtool .sct_cnt_inr{
    padding: 24px 20px 0 20px;
  }
  .sct_cnt.sct_cnt_recruit .sct_cnt_inr{
    padding: 72px 20px 0 20px;
  }

  /*Content*/

  .sct_cnt.sct_cnt_trendtool .cnt_lead,
  .sct_cnt.sct_cnt_recruit .cnt_lead{
    margin-top: 16px;
  }
  .sct_cnt.sct_cnt_trendtool .cnt_lead{
    text-align: justify;
    font-size: 16px;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
  }
  .sct_cnt.sct_cnt_trendtool .list_btn_set_01{
    margin: 32px auto 0 auto;
  }

  .sct_cnt.sct_cnt_sustainability .list_btn_set_01{
    margin: 20px auto 0 auto;
  }

  .sct_cnt.sct_cnt_recruit .list_btn_set_01{
    margin: 48px auto 0 auto;
  }
  .sct_cnt.sct_cnt_trendtool .list_btn_set_01 a.list_btn span,
  .sct_cnt.sct_cnt_recruit .list_btn_set_01 a.list_btn span,
  .sct_cnt.sct_cnt_sustainability .list_btn_set_01 a.list_btn span {
    padding: 3px 16px 0 10px;
  }
}

/*Sction Experience------------------*/

.sct_cnt.sct_cnt_experience{
  padding-top: 64px;
}
@media(max-width: 640px){
  .sct_cnt.sct_cnt_experience{
    padding-top: 56px;
  }
}


/*---------------------------------------------------
  Module: News Topics Reset
----------------------------------------------------*/

.jp_theme_00 .clm1 .clm{
  margin: 0;
  padding: 0;
}
.jp_theme_00 .cp-HeadingWithText h2{
  margin-top: 30px;
  text-align: center;
  font-size: 40px;
}
.jp_theme_00 > .cp-Section{
  margin: 40px auto 0 auto;
  padding: 0px 40px;
  width: 100%;
  max-width: 1088px;
  box-sizing: border-box;
}

.jp_theme_00 > .cp-Section .cp-Section,
.jp_theme_00 .cp-FreeHTML{
  padding: 0;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.jp_theme_00 > .cp-Section .cp-Section{
  padding-right: 4px;
}
.jp_theme_00 .cp-FreeHTML{
  padding-left: 4px;
}

.jp_theme_00 > .cp-Section .cp-Section h2,
.jp_theme_00 .cp-FreeHTML h2{
  color: #666;
  font-size: 26px;
}

.jp_theme_00 .cp-NewsList .news_sct,
.jp_theme_00 .cp-FreeHTML .jp_news_sct{
  margin-top: 16px;
  border-top: none;
  background-color: #fff;
}

@media(max-width: 768px){
  .jp_theme_00 > .cp-Section .cp-Section,
  .jp_theme_00 .cp-FreeHTML{
    padding: 0;
    width: 100%;
    float: none;
  }
  .jp_theme_00 .cp-NewsList .news_sct,
  .jp_theme_00 .cp-FreeHTML .jp_news_sct{
    margin-top: 8px;
  }
}
@media(max-width: 640px){
  .jp_theme_00 .cp-HeadingWithText h2{
    margin-top: 30px;
    font-size: 24px;
  }
  .jp_theme_00 > .cp-Section{
    margin-top: 30px;
    padding: 0 20px;
  }
  .jp_theme_00 > .cp-Section .cp-Section h2,
  .jp_theme_00 .cp-FreeHTML h2{
    font-size: 20px;
  }
}

/*News & Topics------------------*/

.jp_theme_00 .cp-NewsList .news_sct a,
.jp_theme_00 .cp-FreeHTML .jp_news_sct a.jp_news_lst{
  position: relative;
  display: block;
  padding: 16px 32px 16px 24px;
  border-bottom: solid 1px #f3f3f3;
  background: url(/-/Media/Ricoh/Sites/co_jp/img/icon_arrow_g.png) 99.5% center no-repeat #fff;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}

@media(min-width: 641px){
  .jp_theme_00 .cp-NewsList .news_sct a:hover,
  .jp_theme_00 .cp-FreeHTML .jp_news_sct a.jp_news_lst:hover{
    opacity: 0.6;
  }
}
@media(max-width: 640px){
  .jp_theme_00 .cp-NewsList .news_sct a,
  .jp_theme_00 .cp-FreeHTML .jp_news_sct a.jp_news_lst{
    padding: 16px 32px 16px 18px;
  }
}

/*News------------------*/

.jp_theme_00 .cp-NewsList .clm1 .clm .news_sct a:hover dl .news_lst_dtl{
  text-decoration: none;
}
.jp_theme_00 .cp-NewsList .clm1 .clm .news_sct dl{
  position: relative;
}
.jp_theme_00 .cp-NewsList .clm1 .clm .news_sct dl dt.news_lst_day{
  position: absolute;
  top: 1px;
  left: 100px;
  color: #666;
  font-weight: inherit;
}
.jp_theme_00 .cp-NewsList .clm1 .clm .news_sct dl dd .lb_ico{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding-top: 5px;
  padding: 5px 0 0;
  min-width: 90px;
  height: 15px;
  border-radius: 10px;
  background: #cf142b;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 1.0;
}
.jp_theme_00 .cp-NewsList .clm1 .clm .news_sct dl dd.news_lst_dtl{
  padding-top: 30px;
  word-break: break-all;
  width: 100%;
}

/*Topics------------------*/

.jp_theme_00 .cp-FreeHTML .clm1 .clm .jp_news_sct dl dt{
  color: #666;
  font-weight: inherit;
}
.jp_theme_00 .cp-FreeHTML .clm1 .clm .jp_news_sct dl dd{
  margin-left: 0;
}

/*Club Link------------------*/

.jp_theme_00 > .cp-2clmLayout{
  margin: 40px auto 0 auto;
  padding: 0px 40px;
  width: 100%;
  max-width: 1088px;
  box-sizing: border-box;
}

@media(max-width: 640px){
  .jp_theme_00 > .cp-2clmLayout{
    max-width: 100% !important;
    margin-top: 0;
    padding: 0 20px;
  }
}

.cp-2clmLayout .cp-FreeHTML {
  padding-left: 0 !important;
  width: 100%;
}

/*More------------------*/

.jp_theme_00 .cp-TextLinkList .lst_style_n,
.jp_theme_00 .cp-FreeHTML .jp_news_more{
  margin-top: 0;
  padding: 16px 2.2% 14px 24px;
  border-bottom: none;
  background: #fff;
  text-align: right;
  font-size: 14px;
  line-height: 1.0;
}
.jp_theme_00 .cp-TextLinkList .lst_style_n li{
  padding: 0;
}
.jp_theme_00 .cp-TextLinkList .lst_style_n a,
.jp_theme_00 .cp-FreeHTML .jp_news_more a{
  margin: 0;
  display: inline-block;
  padding: 0 18px 0 0;
  color: #666;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/sales/about/img/icon_arrow_g.png) !important;
  background-repeat: no-repeat !important;
  background-position: 99.5% center !important;
  background-size: 7px 12px !important;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.jp_theme_00 .cp-TextLinkList .clm1 .clm .lst_style_n li a:hover,
.jp_theme_00 .cp-FreeHTML .clm1 .clm .jp_news_more a:hover{
  opacity: 0.6;
  text-decoration: none;
}
@media(max-width: 420px){
  .jp_theme_00 .cp-TextLinkList .lst_style_n,
  .jp_theme_00 .cp-FreeHTML .jp_news_more{
    padding: 16px 3.0% 16px 24px;
  }
}


/*---------------------------------------------------
  Module: Bottom Social Area Reset
----------------------------------------------------*/

.cp-FooterSocial.cnt_max{
  padding-bottom: 30px;
  max-width: 100%;
  background-color: #f3f3f3;
  
}

@media(max-width: 640px){
  .cp-FooterSocial.cnt_max {
    padding-bottom: 50px;
  }
}

.cp-FooterSocial.cnt_max .clm1{
  margin:0 auto;
  padding: 0px 40px;
  width: 100%;
  max-width: 1088px;
  box-sizing: border-box;
}
.cp-FooterSocial.cnt_max .clm1 .clm{
  padding: 0;
}
.cp-FooterSocial .share_sct{
  margin: 0;
  padding: 0;
  border-top: none;
}
.cp-FooterSocial .share_sct .dtl{
  height: 32px;
}

@media(max-width: 640px){
  .cp-FooterSocial.cnt_max .clm1{
    padding: 0px 20px;
  }
}

.cp-BorderSection.cnt_max .clm {
  padding-bottom: 0;
}

@media(min-width: 641px){
  .pcpd8 {
    padding: 8px;
  }
}