<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*-------------------- diversity ----------------------- */

.sct_cnt, .sct_cnt * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sct_cnt {
	padding: 32px 0 80px 0;
	width: 100%;
}
.sct_cnt_inr {
	margin: 0 auto;
	padding: 0 40px;
	width: 100%;
	max-width: 1088px;
}

.blc01 {
	zoom: 1;
}
.blc01:before, .blc01:after {
  content: "";
  display: table;
}

.blc01:after {
  clear: both;
}

.blc01 .blc {
  float: left;
  width: 100%;
  padding: 0 0 0 1px;
}

.blc01 .blc:nth-of-type(odd){
  padding: 0 8px 0 0;
}
.blc01 .blc:nth-of-type(even){
  padding: 0 0 0 8px;
}

.blc02 .blc, .blc02_ver .blc {
  width: 50%;
}

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

a.link_cnt01 {
  position: relative;
  display: block;
}

a.link_cnt01 .img img {
  width: 100%;
}

.sct_cnt img {
  vertical-align: top;
}

a.link_cnt01 .link_cnt_btn {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 30px 20px 20px;
}

.link_cnt_btn {
	position: relative;
	width: 100%;
	background: url(https://www.ricoh.co.jp/-/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;
}

@media(max-width: 640px){
	.blc01 .blc, .blc02 .blc, .blc03 .blc, .blc03_ver .blc, .blc04 .blc, .blc05 .blc {
    float: none;
    margin-top: 40px;
    padding: 0;
    width: 100%;
	}
	.sct_cnt{
    padding: 24px 0 64px 0;
	}
	.sct_cnt_inr{
    /*padding: 0 5.3%;*/
    padding: 0 20px;
	}
	.blc01 {
    margin: 0;
	}
	.sct_cnt a {
    transition: none;
	}
}
@media(max-width: 1008px){
	a.link_cnt01 .link_cnt_btn.ver {
    position: relative;
    bottom: auto;
	}
	a.link_cnt01 .link_cnt_btn {
    padding: 18px 30px 16px 18px;
	}
	a.link_cnt01 .link_cnt_btn .ttl {
    font-size: 18px;
	}
}

/*-------------------- japan ----------------------- */

.japan_img02box {
    background: url(/-/Media/Ricoh/Sites/jp_ricoh/csr/labor/img/japan_img02_back.jpg);
    position: relative;
    width: 1008px;
    height: 536px;
}

.japan_img02box ul.nml li {
    font-size: 14px;
}

.japan_img_sp {
    display:none;
}

.japan_sec01_tl {
    position: absolute;
    top: 300px;
    left: 355px;
}
.japan_sec02_tl {
    position: absolute;
    top: 300px;
    left: 502px;
}
.japan_sec03_tl {
  position: absolute;
  top: 425px;
  left: 411px;
}
.japan_sec04_tl {
  position: absolute;
  top: 485px;
  left: 442px;
}
.japan_sec01_ul {
  position: absolute;
  top: 24px;
  left: 95px;
}
.japan_sec02_ul {
  position: absolute;
  top: 24px;
  left: 509px;
}
.japan_sec03_ul {
  position: absolute;
  top: 270px;
  left: 95px;
}
.japan_sec04_ul {
  position: absolute;
  top: 384px;
  left: 636px;
}
.japan_img04_tl {
	width: 79%;
	margin: 0 auto;
}
.japan_img04_tl span{
	background: #f90;
	color: #fff;
	display: inline-block;
	padding: 4px 16px;
	font-weight: bold;
	font-size: 18px;
  margin: 0 8px 8px 8px;
}
.japan_img04_ul {
  text-align: left;
  width: 77.5%;
  margin: 0 auto;
  padding: 16px 0;
  background: #dfebf7;
  font-size: 18px;
}

@media (max-width: 640px) {
  .japan_img02box {
    background:#fff;
    position: relative;
    width: 100%;
    height: auto;
  }
  .japan_sec01_tl,
  .japan_sec02_tl,
  .japan_sec03_tl,
  .japan_sec04_tl,
  .japan_sec01_ul,
  .japan_sec02_ul,
  .japan_sec03_ul,
  .japan_sec04_ul {
    position:static;
    top:0;
    left:0;
    margin-top: 16px;
  }
  .japan_img04_tl {
    width: 100%;
  }
  .japan_img04_ul {
    width: 100%;
    font-size: 16px;
  }
}
</pre></body></html>