.main_vi{
	max-width: 100%;
	background: #f4f4f4;
  overflow: hidden;
}
.main_vi_img{
	position: relative;
	max-width: 1420px;
	margin: 0 auto;
}
.main_vi_img .page_ttl{
  position: absolute;
  top: 47%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  max-width: 938px;
  width: 100%;
  margin: 0 auto;
  padding-left: 2px;
  color: #000;
  font-size: 21px;
  font-weight: bold;
  box-sizing: border-box;
}

.main_vi_img .page_ttl:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: -96px;
	left: 0;
	width: 85px;
	height: 100%;
	background: url(/-/Media/Ricoh/Sites/co_jp/software/output/rule_based_print/img/balloon.png) no-repeat left top;
	background-size: 100% auto;
}

.main_vi_img .page_ttl .ttlL{
  margin:5px 0;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
}

.main_vi_img .page_ttl .ttlT{
  font-size: 19px;
  font-weight: 600;
  margin-top: 20px;
}

.main_vi_img .page_ttl .ttlB{
  margin-top: 20px;
  font-size: 34px;
  color: #00479e;
  font-weight: bold;
  line-height: 1.2;
}

.main_vi_img .note{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 900px;
	width: 100%;
}

@media only screen and (max-width: 1420px){
	.main_vi_img .page_ttl{
    padding-left: 3vw;
		font-size: 1.56vw;
	}
	.main_vi_img .page_ttl .ttlL{
		font-size: 3.2vw;
	}
	.main_vi_img .page_ttl .ttlT{
		font-size: 1.3vw;
    margin-top: 6px;
	}
	.main_vi_img .page_ttl .ttlB{
		font-size: 2.91vw;
	}
	.main_vi_img .page_ttl:before{
		top: -6.5vw;
		width: 6.3432vw;
    left: 3vw;
	}
}

@media only screen and (max-width: 640px){
	.main_vi_img .page_ttl,
	.main_vi_img .note{
		left: 2%;
		margin-top: 0;
		font-size: 2.2vw;
	}
	.main_vi_img .page_ttl .ttlL{
		margin: 1vw 0;
		font-size: 5vw;
		line-height: 1.4;
	}
	.main_vi_img .page_ttl .ttlL{
    margin-top: 2vw;
    line-height: 1.4;
    font-size: 5vw;
	}
	.main_vi_img .page_ttl .ttlB{
    margin-top: 2vw;
		font-size: 5vw;
		line-height: 1.4;
	}
	.main_vi_img .page_ttl:before{
    top: -6vw;
    width: 6.3432vw;
    left: 3vw;
	}
}

/*---------------------------------------------------------------
TOP bnr
---------------------------------------------------------------*/
.bnr_lp:hover {
  opacity: .8;
  transition: .1s;
}
.bnr_lp a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.bnr_lp a:hover {
	text-decoration: none;
}
.bnr_lp .text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 30px;
	color: #fff;
}
.bnr_lp.digitalizing-driver .text {
	color: #333;
}
.bnr_lp .text h3 {
	font-size: 34px;
	font-weight: bold;
}
.bnr_lp .text .button {
	font-size: 18px;
	display: inline-block;
	margin-top: 15px;
	border: 2px solid #fff;
	line-height: 1;
	padding: 12px 40px 10px 20px;
	border-radius: 5px;
	color: #333333;
	background: #fff;
	transition: .6s;
	position: relative;
}

.bnr_lp .text .button:after {
	content: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_right_01.png);
	display: block;
	position: absolute;
	top: 55%;
	right: 8px;
	transform: translateY(-14px);
}

.bnr_lp .img {
	width: 50%;
}
.bnr_lp.medical {
	background: #064a9f; /* Old browsers */
	background: -moz-linear-gradient(45deg, #064a9f 30%,#cedbec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #064a9f 30%,#cedbec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #064a9f 30%,#cedbec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bnr_lp.retail {
	background: #00b68a; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #00b68a 30%,#e8f4dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #00b68a 30%,#e8f4dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #00b68a 30%,#e8f4dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bnr_lp.food-manufacturing {
	background: #f36f21; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f36f21 25%,#feefe8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #f36f21 25%,#feefe8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #f36f21 25%,#feefe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bnr_lp.digitalizing-driver {
	background: #cad2d8; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #cad2d8 25%,#feefe8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #cad2d8 25%,#feefe8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #cad2d8 25%,#feefe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bnr_lp.medical a,
.bnr_lp.retail a,
.bnr_lp.food-manufacturing a,
.bnr_lp.digitalizing-driver a {
	min-height: 250px;
}
.bnr_lp.medical .text,
.bnr_lp.retail .text,
.bnr_lp.food-manufacturing .text,
.bnr_lp.digitalizing-driver .text {
	width: 38%;
}
.bnr_lp.medical .img,
.bnr_lp.retail .img,
.bnr_lp.food-manufacturing .img,
.bnr_lp.digitalizing-driver .img {
	width: 62%;
}
.bnr_lp.medical .img img,
.bnr_lp.retail .img img,
.bnr_lp.food-manufacturing .img img,
.bnr_lp.digitalizing-driver .img img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.bnr_lp a {
		flex-wrap: wrap-reverse;
	}
	.bnr_lp .text {
		width: 100% !important;
		padding: 15px;
	}
	.bnr_lp .text h3 {
		font-size: 20px;
	}
	.bnr_lp .text .button {
		font-size: 16px;
	}
  .bnr_lp .text .button:after {
      content: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_right_01.png);
      transform: translateY(-8px);
      top: 40%;
  }
	.bnr_lp .img {
		width: 100% !important;
	}
	.bnr_lp .img img {
		width: 100%;
	}
}

.imgHover:hover {
	opacity: .7;
	transition: .3s;
}
.pc-hide {
	display:none;	
}
.bnrBox img {
	max-width: 100%;
}
@media (max-width: 640px) {
.sp-hide {
	display:none;
}
.pc-hide {
	display:inline;
}
}