@charset "utf-8";
	.hd01{
		text-align: left !important;
		color: #000;
	}
	.tIndex{
		text-indent: -0.5em;
	}
	.ls02{
		letter-spacing: 0.01em !important;
	}
	.ls05{
		letter-spacing: 0.01em !important;
	}
	.ls07{
		letter-spacing: 0.01em !important;
	}
	.showSP{
		display: none;
	}
	.showPC{
		display: block;
	}
	#header {
		padding: 0;
		text-align: center;
		background-repeat: repeat-x;
		width:100%;
    }
	#contents {
        font-family: Arial, sans-serif;
        color:#444444;
        -webkit-font-smoothing: antialiased;
	}
	#contents h1{
		margin-bottom:80px;
	}
	#contentsInner h1{
		margin-bottom:80px;
		text-align:center;
		font-family: Arial, sans-serif;
		max-width: inherit;
	}
	#contents .lead{
		font-size:16px;
		line-height:1.8em;
		text-align:center;
		margin-bottom:110px;
		letter-spacing: 0.01em;
	}
	#contents .flow{
		width:1024px;
		text-align:center;
		margin:0 auto;
	}
	#contents h2{
		text-align:center;
	}
	#contents .flow img{
		width:100%;
		vertical-align:top;
	}
	.boxInnovation{
		width:1024px;
		margin:0 auto 26px; auto;
		overflow:hidden;
		zoom:1;
	}
	.boxInnovation li{
		float:left;
		width:30%;
		margin-right:5%;
		text-align:center;
	}
	.boxInnovation li:last-child{
		margin-right:0px;
	}
	.boxInnovation li .inner{
		padding:52px 5.5% 52px 5.5%;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.boxBorderBlue{
		border:3px solid #ade3ff;
	}
	.boxBorderYellow{
		border:3px solid #ffe9ae;
	}
	.boxBorderGreen{
		border:3px solid #e2ea98;
	}
	.boxInnovation h3{
		padding-bottom:13px;
		width:auto;
		display:inline-block;
		font-size:20px;
		line-height:20px;
		margin-bottom:39px;
		letter-spacing: 0.01em;
	}
	.boxInnovation h3 span{
		letter-spacing: 0.01em;
	}
	.boxInnovation h3 .showPC{
		display: inline !important;
	}
	.boxBorderBlue h3{
		border-bottom:3px solid #ade3ff;
	}
	.boxBorderYellow h3{
		border-bottom:3px solid #ffe9ae;
	}
	.boxBorderGreen h3{
		border-bottom:3px solid #e2ea98;
	}
	.boxInnovation li .photo{
		margin-bottom:26px;
	}
	.boxInnovation li .txt{
		text-align:left;
		font-size:16px;
		line-height:1.8em;
		letter-spacing: 0.01em;
	}
	.boxBorderBlue .txt span{
		color: #2889bf;
	}
	.boxBorderYellow .txt span{
		color: #e6a205;
	}
	.boxBorderGreen .txt span{
		color: #96ab01;
	}
	
	/*SecondBlock*/
	
	.boxInnovationSecond{
		width:1024px;
		margin:0 auto 0 auto;
		overflow:hidden;
		zoom:1;
		height: 0;
        transition-duration:0.8s;
		transition-timing-function:ease-in-out;
	}
	.boxInnovationSecondActive{
		height: 2418px;
		margin-bottom: 26px;
	}

	.boxInnovationSecond li{
		float:left;
		width:30%;
		margin-right:5%;
		text-align:center;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding:26px 0 26px 0;
		height: 2358px;
		position: relative;
	}
	.boxInnovationSecond li:last-child{
		margin-right: 0;
	}
	.boxInnovationSecond li h2{
		position: absolute;
		bottom: 170px;
		width: 100%;
	}
	.boxInnovationSecond .bgBlue{
		background-color: #d6f1ff;
	}
	.conerRound{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.boxInnovationSecond .bgBlue .bgleft{
		background-color: #b4e4ff;
		width: 26%;
		height: 2220px;
		position: absolute;
		top: 152px;
		left: 5.5%;
	}
	.boxInnovationSecond .bgBlue .bgright{
		background-color: #c2e3ff;
		width: 32%;
		height: 2075px;
		position: absolute;
		top: 297px;
		left: 37%;
	}

	.boxInnovationSecond .bgBlue .titLeft{
		position: absolute;
		top:174px;
		left:5.5%;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		width: 26%;
		color:#29759f;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgBlue .titRight{
		position: absolute;
		top: 314px;
		left: 37%;
		font-size: 12px;
		line-height: 18px;
		font-weight: 600;
		width: 32%;
		color: #29759f;
		letter-spacing: -0.008em;
	}
	.boxInnovationSecond .bgBlue .boxPurple{
		top:222px;
		right:5.5%;
		width: 51%;
	}

	.boxInnovationSecond .bgBlue .topBox{
		background-color: #55a7d1;
	}
	.boxInnovationSecond .topBox{
		color: #fff;
		font-size:11px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		position: absolute;
		bottom:20px;
		left:5.5%;
		width: 89%;
	}
	.boxInnovationSecond .topBox ul{
		padding:16px 13px;
	}
	.boxInnovationSecond .topBox ul li{
		list-style: disc;
		float: none;
		width: auto;
		padding:0;
		height: auto;
		text-align: left;
		margin-right: 0;
		margin-left: 18px;
		font-size:12px;
		line-height: 1.6;
	}
	.boxInnovationSecond .topBox ul li.linkArrow{
		margin-left: -0.4em;
		list-style: none;
	}
	.boxInnovationSecond .topBox ul li.linkArrow a{
		color:#fff;
	}
	.boxInnovationSecond .bgBlue .ar_purple1{
		position: absolute;
		left: 94.5%;
		top:242px;
		z-index: 300;
		height: 93px;
	}
	.boxInnovationSecond .bgBlue .ar_purple1 img{
		position: absolute;
		right:0;
	}
	.boxInnovationSecond .bgBlue .ar_purple1 .arrow_ic{
		position: absolute;
		right: -2px;
		left: auto;
		bottom: 0;
	}
	.boxInnovationSecond .bgBlue .ar_purple2{
		position: absolute;
		left: 94.5%;
		top:260px;
		z-index: 300;
		width: 33%;
		overflow: hidden;
	}
	.boxInnovationSecond .bgBlue .ar_purple2 img{
		position: absolute;
		right: 0;
	}
	.boxInnovationSecond .bgBlue .ar_purple2_2 {
		position: absolute;
		left: 94.5%;
		top: 702px;
		z-index: 300;
		height: 566px;
	}
	.boxInnovationSecond .bgBlue .ar_purple2_2 img {
		position: absolute;
		left: 0;
	}
	.boxInnovationSecond .bgBlue .ar_purple2_2 .arrow_ic{
		position: absolute;
		right: -2px;
		left: auto;
		bottom: 0;
	}

	.boxInnovationSecond .bgYellow{
		background-color: #fff4d6;
	}
	.boxInnovationSecond .bgYellow .bgleft{
		background-color: #ffe9b4;
		width: 26%;
		height: 2060px;
		position: absolute;
		top: 312px;
		left: 5.5%;
	}
	.boxInnovationSecond .bgYellow .bgcenter{
		background-color: #ffe8c2;
		width: 26%;
		position: absolute;
		top: 592px;
    	height: 1780px;
		left: 37%;
	}
	.boxInnovationSecond .bgYellow .bgright{
		background-color: #ffe4b7;
		width: 26%;
		position: absolute;
		top: 1742px;
    	height: 630px;
		right: 5.5%;
	}
	.boxInnovationSecond .bgYellow .titLeft{
		position: absolute;
		top:334px;
		left:5.5%;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		width: 42%;
		color:#bd8e1e;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgYellow .titCenter{
		position: absolute;
		top: 614px;
		right: 28%;
		font-size: 12px;
		line-height: 18px;
		font-weight: 600;
		width: 42%;
		color: #ca830e;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgYellow .titRight{
		position: absolute;
		top: 1614px;
		right: 0%;
		font-size: 12px;
		line-height: 18px;
		font-weight: 600;
		width: 37%;
		color: #ca830e;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgYellow .topBox{
		background-color: #c7940a;
	}
	.boxInnovationSecond .bgYellow .ar_purple4{
		position: absolute;
		left: 54.5%;
		top: 657px;
		z-index: 300;
		overflow: hidden;
		width: 67.5%;
	}
	.boxInnovationSecond .bgYellow .ar_purple4 img{
		position: absolute;
		left:0;
	}
	.boxInnovationSecond .bgYellow .whitebox1{
		top:480px;
		left: 13%;
		width: 40%;
	}
	.boxInnovationSecond .bgYellow .whitebox2 {
		top: 1200px;
		left: 50%;
		width: 40%;
	}
	.boxInnovationSecond .bgGreen{
		background-color: #e2ea98;
	}
	.boxInnovationSecond .bgGreen .bgleft{
		background-color: #d5e079;
		width: 26%;
		height: 2190px;
		position: absolute;
		top:182px;
		left:5.5%;
	}
	.boxInnovationSecond .bgGreen .bgcenter{
		background-color: #d2e485;
		width: 26%;
		height: 1660px;
		position: absolute;
		top:712px;
		left:37%;
	}
	.boxInnovationSecond .bgGreen .bgright{
		background-color: #cce485;
		width: 26%;
		height: 1610px;
		position: absolute;
		top:762px;
		right:5.5%;
	}
	.boxInnovationSecond .bgGreen .titLeft{
		position: absolute;
		top:204px;
		left:5.5%;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		width: 26%;
		color:#85920f;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgGreen .titCenter{
		position: absolute;
		top:736px;
		left:37%;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		width: 26%;
		color:#85920f;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgGreen .titRight{
		position: absolute;
		top:784px;
		right:5.5%;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		width: 26%;
		color:#85920f;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgGreen .boxPurple{
		top:306px;
		left:2.5%;
		width: 50%;
	}
	.boxInnovationSecond .bgGreen .hitachi{
		top:183px;
		right:5.5%;
		width: 55%;
		position: absolute;
		font-size:11px;
		line-height: 20px;
		text-align: left;
		letter-spacing: 0.01em;
	}
	.boxInnovationSecond .bgGreen .whitebox1{
		top:480px;
		right: 5.5%;
		width: 40%;
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_1.gif");
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-bottom: 40px;

	}
	.boxInnovationSecond .bgGreen .whitebox2{
		top:402px;
		right: 20px;
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_2.gif");
		background-repeat: no-repeat;
		background-position: 100% 10px;
		padding-right: 41px;
		background-position: 100% 10px;
	}
	.boxInnovationSecond .bgGreen .whitebox3{
		top: 792px;
		right: 126px;
		background-image: url(/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_3.gif);
		background-repeat: no-repeat;
		background-position: 100% 7px;
		padding-right: 45px;
		width: 115px;
		height: 47px;
	}
	.boxInnovationSecond .bgGreen .whitebox4{
		top: 866px;
		right: 10px;
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_4.gif");
		background-repeat: no-repeat;
		background-position: 100% 5px;
		padding-right: 46px;
		width: 100px;
	}
	.boxInnovationSecond .bgGreen .topBox{
		background-color: #acb836;
	}
	.boxInnovationSecond .bgGreen .ar_purple0{
		position: absolute;
		left: 50%;
		top:284px;
		z-index: 300;
	}
	.boxInnovationSecond .bgGreen .ar_purple3{
		position: absolute;
		left: 50%;
		top:344px;
		z-index: 300;
	}
	.boxInnovationSecond li h2{
		font-size: 16px;
		line-height: 23px;
		font-weight: 600;
	}
	.illust{
		text-align: left;
		position: absolute;
		width: 39%;
		z-index:50;
	}
	.illust img{
		margin-bottom: 2px;
	}
	.illust h3{
		font-size:16px;
		line-height: 1em;
		margin-bottom: 2px;
		font-weight: 600;
		letter-spacing: 0.01em;
	}
	.illust h4{
		font-size:11px;
		line-height: 1.4;
		letter-spacing: 0.01em;
		font-weight: 600;
	}
	.illust p{
		font-size:10px;
		line-height: 1.3;
		letter-spacing: 0.01em;
	}
	#il1_1{
		top:33px;
		left:10%;
	}
	#il1_2{
		top:74px;
		left:60%;
	}
	#il1_3{
		top: 227px;
		left: 10%;
		width: 30%;
	}
	#il1_3_2{
		top: 347px;
		left: 43%;
	}
	#il1_4{
		top:630px;
		left:10%;
	}
	#il1_5{
		top: 740px;
		left: 43%;
	}
	#il1_6{
		top:1252px;
		left:10%;
	}
	#il1_6_2 {
		top: 1470px;
		right: -10%;
	}
	#il2_1{
		top:630px;
		left:10%;
	}
	#il2_2{
		top:980px;
		left:40%;
	}
	#il2_2 p img{
		width: 192px;
		margin-left: -40px;
	}
	#il2_2_2{
		top:1470px;
		left:40%;
	}
	#il2_2_2 p img{
		width: 192px;
		margin-left: -40px;
	}
	#il2_2_3 {
		top: 1780px;
		left: 43%;
		text-align: right;
		width: 50%;
	}
	#il2_2_4{
		top:2220px;
		left:40%;
	}
	.attention {
		position: absolute;
		bottom: 10px;
		left: 5.5%;
		padding-right: 10px;
		z-index: 50;
		font-size: 10px;
		line-height: 1.2;
		letter-spacing: 0.01em;
		font-weight: 600;
		font-weight: normal;
		text-align: left;
	}
	#il2_3{
		top:1027px;
		left:10%;
	}
	#il2_4{
		top: 1400px;
		left:10%;
	}
	#il3_1{
		top:362px;
		left:10%;
	}
	#il3_2{
		top:508px;
		left:10%;
	}
	#il3_3{
		top:630px;
		left:10%;
	}
	#il3_4{
		top: 940px;
		left:40%;
	}
	#il3_5{
		top:1064px;
		left:10%;
		width: 27%;
	}
	#il3_5_2{
		top:1103px;
		left:40%;
		width: 22%;
	}
	#il3_5_3 {
		top: 1267px;
		left: 40%;
		width: 22%;
	}
	#il3_5_4 {
		top: 1400px;
		left: 40%;
		width: 22%;
	}
	#il3_6{
		top:1064px;
		right:10%;
		text-align: right;
		width: 27%;
	}

	#il3_7{
		top: 1273px;
		left:10%;
		width: 30%;
	}
	#il3_7_2 {
		top: 1470px;
		left: 10%;
		width: 32%;
	}
	#il3_8{
		top: 1240px;
		right:10%;
		text-align: right;
		width: 30%;
	}
	#il3_8_2 {
		top: 1470px;
		right: 10%;
		width: 32%;
		text-align: right;
	}
	#il3_9 {
		top: 1620px;
		left: 10%;
		width: 32%;
	}
	#il3_10 {
		top: 1790px;
		left: 10%;
		width: 32%;
	}
	#il3_11 {
		top: 1620px;
		width: 32%;
		right: 10%;
		text-align: right;
	}
	#il3_12 {
		top: 1770px;
		width: 32%;
		left: 44%;
	}
	#il3_13 {
		top: 1970px;
		left: 10%;
    	width: 32%;
	}
	#il3_14 {
		top: 2150px;
		left: 10%;
		width: 32%;
	}
	#il3_15 {
		top: 2180px;
		width: 42%;
		left: 44%;
	}
	.boxPurple{
		background-color: #707fd8;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		position: absolute;
		color: #fff;
		font-size:12px;
		line-height: 1.5;
		letter-spacing: 0.01em;
		padding:10px 12px 10px 12px;
	}
	.bgWhite{
		background-color: #fff;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		position: absolute;
		font-size:12px;
		line-height: 18px;
		font-weight: 600;
		letter-spacing: 0.01em;
		padding:10px 12px 10px 12px;
		text-align: left;
	}
	.bgWhite h3{
		font-size:11px;
		line-height: 1.5;
		letter-spacing: 0.01em;
	}
	.bgWhite p{
		font-size:10px;
		line-height: 15px;
		letter-spacing: 0.01em;
	}

	.openArrow{
		width: 1024px;
    	margin: 0 auto 26px;
		overflow: hidden;
		zoom:1;
	}
	.openArrow li{
		float: left;
		width:30%;
		margin-right:5%;
    	text-align: center;
    	cursor: pointer;
	}
	.openArrow li:last-child{
		margin-right: 0;
	}
	.aroowBg1{
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/bg1.gif");
	}
	.aroowBg1 div{
		color: #87c5e9;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	.aroowBg2{
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/bg2.gif");
	}
	.aroowBg2 div{
		color: #ffd579;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	.aroowBg3{
		background-image: url("/-/Media/Ricoh/Sites/com/technology/inkjet/img/bg3.gif");
	}
	.aroowBg3 div{
		color: #c8d760;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	/*----------------------------------*/
    /*KEY TECHNOLOGY*/
    /*----------------------------------*/
    .boxKeytech{
    	overflow: hidden;
    	zoom:1;
    	width: 1024px;
    	margin-right: auto;
    	margin-left: auto;
    	padding: 51px 0 91px 0;
    }
    .boxKeytech h2{
		font-size:30px;
		line-height: 1em;
		margin-bottom: 39px;
		letter-spacing: 0.01em;
		font-weight: bold;
    }
    .boxKeytech p{
	    font-size: 16px;
	    line-height: 1.8em;
	    text-align: center;
	    margin-bottom: 50px;
	    letter-spacing: 0.01em;
	}
    .keytechBox li{
    	float: left;
    	margin-right: 14px;
    	width: 332px;
    }
    .keytechBox li:last-child{
    	margin-right: 0;
    }
    .keytechBox li .ico_nml{
    	margin-left: -5px;
    }
    .keytechBox li .inner{
    	padding: 52px 6% 52px 6%;
    	border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border: 3px solid #ccc;
    }
    .keytechBox li h3{
        font-size: 18px;
    	line-height: 1em;
    	margin-bottom: 18px;
    	letter-spacing: 0.01em;
    	text-align: center;
    	font-weight: bold;
    	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
	}
    .keytechBox li p{
    	text-align: center;
    	font-size: 16px;
    	margin-bottom: 26px;
    }
    .keytechBox li .keyimgCell{
    	margin-bottom: 0 !important;
    }
    .keytechBox li .txt strong{
    	font-weight: bold;
    	padding-bottom: 4px;
    	display: inline-block;
    }
    .keytechBox li div{
    	font-size:16px;
    	text-align: center;
    }
    .keytechBox li div .txt{
    	width: auto;
    	display: inline-table;
    	margin: 0 auto;
    	text-align: left;
    }


	/*----------------------------------*/
    /*FUTURE AREA*/
    /*----------------------------------*/
    .bgGray{
    	background-color:#fbfbfb;
    }
	.bgGray h2{
		font-size:30px;
		line-height: 1em;
		margin-bottom: 39px;
		letter-spacing: 0.01em;
		font-weight: bold;
	}
	.bgGray .inner p{
		font-size:16px;
		line-height:1.8em;
		text-align: center;
		margin-bottom: 78px;
		letter-spacing: 0.01em;
	}
	.bgGray .inner{
		width:1024px;
		margin: 0 auto;
		padding:83px 0 91px 0; 
	}
	.bgGray ul{
		overflow: hidden;
		zoom:1;
	}

	.bgGray li{
		width: 247px;
		float: left;
		text-align: center;
		margin-right: 12px;
	}
	.bgGray li:last-child{
		margin-right: 0;
	}
	.bgGray li img{
		vertical-align: top;
	}

	.bgGray li h3{
		font-size:18px;
		line-height: 1em;
		margin-bottom: 18px;
		letter-spacing: 0em;
    	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
    	font-weight: bold;
	}
	.bgGray .inner li p{
		font-size:15px;
		line-height: 1.8em;
		margin-bottom: 0px;
		letter-spacing: 0.05em;
		font-feature-settings: 'palt';
		margin-bottom: 20px;
		text-align: left;
	}
	.bgGray .inner li p.imgCell{
		text-align: center;
		margin-bottom: 40px;
	}
	#pdfdownload{
		display: table;
		width: auto;
		margin:72px auto 0 auto;
		border:1px solid #e1e1e1;
	}
	#pdfdownload div{
		display: table-cell;
		vertical-align: middle;
		padding: 5px;
	}
	#pdfdownload .leftimg{
		width: 30%;
		z-index: 10;
	}
	#pdfdownload .leftimg img{
		width: 100%;
		vertical-align: top;
	}
	#pdfdownload .righttxt{
		width: 70%;
		z-index: 10;
		padding-right: 20px;
		padding-left: 20px;
	}
	#pdfdownload a{
	  	display:inline-block;
	  	overflow:hidden;
	  	position: relative;
	  	vertical-align:top;
		transition: 0.2s;
	}
	#pdfdownload a:hover{
		text-decoration: none;
		background-color: #f3f3f3;
	}
	.link3d{
		width: auto;
		display: inline-block;
	}
	.link3d li{
		font-size: 16px;
		text-align: left;
		width: auto !important;
		margin-bottom: 6px;
	}
	.link3d li .ico_nml{
		padding-right: 8px;
	}
	.bgGray2{
		background-color:#e9e9e9;
		padding-top: 59px;
    	padding-bottom: 89px;
		overflow: hidden;
	}
	.bgGray2 .moveWrap{
		width: 100%;
		margin: 0 auto;
		padding-top:30px;
	}
	.bgGray2 .move{
		width: 100%;
		position: relative;
		padding-top:56.25%;
	}
	.bgGray2 .move img{
		vertical-align: top;
		position: absolute;
		top:0;
		left:0;
		cursor: pointer;
		z-index: 1000;
	}
	.bgGray2 .move iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}

	.ico_nml{
		background-position:0em -0.05em;
	}
	.image_mn .dtl .txt{
		line-height: 1.8em;
	}
	.image_mn .dtl .ttl{
		line-height: 1.8em;
	}


    
    /*----------------------------------*/
    /*INVIEW*/
    /*----------------------------------*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    .fadeIn {
        opacity: 1.0;
    }
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 80px);
        -webkit-transform: translate(0, 80px);
        transition: .8s;
    }
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .inviewwidthOpen {
        transition-duration:1.6s;
		transition-timing-function:ease-in-out;
		width:0;
		overflow:hidden;
    }
    .widthOpen {
        width:139.5%;
    }
    .inviewwidthOpen2 {
        transition-duration:1.6s;
		transition-timing-function:ease-in-out;
		width:0;
		overflow:hidden;
    }
    .widthOpen2 {
        width: 203.5%;
    }
    .inviewheightOpen {
        transition-duration:1.6s;
		transition-timing-function:ease-in-out;
		height:0;
		overflow:hidden;
    }
    .heightOpen {
        height:368px;
    }
    .inviewheightOpen2 {
        transition-duration:0.6s;
		transition-timing-function:ease-in-out;
		height:0;
		overflow:hidden;
    }
    .heightOpen2 {
        height:309px;
    }
    .inviewheightOpen3 {
        transition-duration:0.6s;
		transition-timing-function:ease-in-out;
		height:0;
		overflow:hidden;
    }
    .heightOpen3 {
        height:22px;
    }
    .inviewheightOpen4 {
        transition-duration:0.6s;
		transition-timing-function:ease-in-out;
		height:0;
		overflow:hidden;
    }
    .heightOpen4 {
        height:136px;
    }
    .moreBt{
    	display: none;
    }
	
	
	
	#footer{
		width:100%;
		background-color:#f3f3f3;
		text-align:center;
		position:absolute;
		top:5146px;
		border-top: 2px solid #dedede;
	}
	#slideClose{
		display: none;
		text-align: center;
		cursor: pointer;
		font-weight: bold;
		font-size:12px;
	}
	#slideClose span{
		border-bottom: 1px solid #000;
		display: inline-block;
	}
	.heightLine-group4{
	}




	@media screen and (max-width: 1048px) {
		#contentsInner{
			width: 96%;
			overflow: hidden;
			margin:0 auto;
		}
		#contentsInner h1{
			margin-bottom: 36px;
		}
		#contentsInner h1 img{
			width: 96%;
			height: auto;
		}
		#contents .lead{
			font-size: 12px;
			line-height: 24px;
			margin-bottom: 60px;
			text-align: left;
		}
		#contents .lead br{
			display: none;
		}
		#contents h2 img{
			width: 17.6%;
			height: auto;
		}
		#contents .flow{
			width: 100%;
		}
		#contents .flow img{
			width: 100%;
			height: auto;
		}
		.boxInnovation{
			width: 100%;
		}
		.boxInnovation h3{
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 18px;
			padding-bottom: 8px;
		}
		.boxInnovation li .inner{
			padding-top: 20px;
			padding-bottom: 20px;
			margin:0 auto;
		}
		.boxInnovation li .photo img{
			width: 100%;
			height: auto;
		}
		.boxInnovationSecond{
			width: 100%;
		}
		.boxInnovationSecond .bgGreen .hitachi{
			font-size: 10px;
			width: 45%;
		}
		.boxInnovationSecond .bgBlue .boxPurple{
			width: 41%;
		}
		.boxInnovationSecond .bgGreen .whitebox1{
				background-image: none;
				padding-bottom: 10px;
		}
		.boxInnovationSecond .bgGreen .whitebox1{
			width: 40%;
		}
		.boxInnovationSecond .bgGreen .whitebox3{
			background-image: none;
			width: 28%;
			padding-right: 12px;
			height: auto;
		}
		.boxInnovationSecond .bgGreen .whitebox4{
			background-image: none;
			width: 28%;
			padding-right: 12px;
		}
		.boxInnovationSecond .bgGreen .titLeft{
			text-align: center;
		}
		.bgWhite h3{
			font-size: 10px;
		}
		.boxPurple{
			font-size: 10px;
		}
		.illust h3{
			font-size: 12px;
		}
		.illust h4{
			font-size: 10px;
		}
		.illust p{
			font-size: 10px;
		}
		.openArrow{
			width: 100%;
		}
		.bgGray li{
			width: 50%;
			margin-right: 0;
			margin-bottom: 32px;
		}
		.link3d{
			margin-right: auto;
			margin-left: auto;
			display: inline-grid;
		}
		.link3d li{
			width: 100%;
			margin-bottom: 0;
		}
		.bgGray .inner{
			width: 88%;
			padding-top: 60px;
		}
		.bgGray2{
			overflow: hidden;
		}
		.bgGray2 .moveWrap{
			width: 96%;
		}
		.bgGray2 .moveWrap img{
			width: 100%;
			height: auto;
		}
		.boxKeytech{
			width: 96%;
		}
		.boxKeytech li {
		    float: left;
		    width: 30%;
		    margin-right: 5%;
		    text-align: center;
		}
	}



	@media screen and (max-width: 800px) {

		.showSP{
			display: block;
		}
		.showPC{
			display: none;
		}
		.illust p{
			font-size: 11px;
		}
		.aroowBg1,
		.aroowBg2,
		.aroowBg3{
			background-image: none;
		}
		.boxInnovation li .txt{
			display: none;
		}
		.boxInnovation li .photo{
			margin-bottom:12px; 
		}
		.illust h3{
			font-size: 16px;
		}
		.illust h4{
			font-size: 12px;
		}
		.boxPurple{
			font-size: 12px;
		}
		#spArrow{
			margin-top: -35px;
		}
		.boxInnovationSecond{
			/*height: 1580px;*/
			margin-left:0;
		}
		.boxInnovationSecond .topBox ul li{
			font-size: 13px;
		}
		.boxInnovationSecond .bgBlue .boxPurple{
			width: 38%;
		}
	    .boxKeytech h2{
			font-size:22px;
	    }
		.bgGray .teckBox{
			border-top: 1px solid #ccc;
		}
		.bgGray h2{
			font-size: 22px;
		}
		.bgGray li{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 0;
			overflow: hidden;
			display: table;
			border-bottom: 1px solid #ccc;
			padding: 24px 0;
		}
		.bgGray .inner p{
			margin-bottom: 36px;
		}
		.bgGray li .imgCell{
			display: table-cell;
			width: 25%;
			text-align: left;
			padding-right: 8px;
		}
		.bgGray .inner li p{
			padding-left: 0;
		}
		.bgGray .inner li p br{
			display: none;
		}
		.bgGray li img{
			margin-bottom: 0;
			width: 90%;
		}
		.bgGray li div{
			display: table-cell;
			vertical-align: middle;
			width: 75%;
			text-align: left;
		}
		.bgGray li div p{
			text-align: left !important;
			padding: 0 0 0 6px;
		}
		.bgGray li div li{
			border-bottom: none;
			padding:0;
		}
		.link3d{
			width: 100%;
		}
		.boxInnovationSecond .bgGreen .hitachi{
			font-size: 12px;
			line-height: 1.5;
		}
		.bgWhite h3{
			font-size: 11px;
		}
		.boxInnovationSecond .bgGreen .whitebox1{
			width: 40%;
			background-image: url(/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_1.gif);
			padding-bottom: 40px;
		}
		.boxInnovationSecond .bgGreen .whitebox3{
			width: 40%;
			background-image: url(/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_3.gif);
			background-size: 40px auto;
			background-position: 100% 9px;
			padding-right: 42px;
		}
		.boxInnovationSecond .bgGreen .whitebox4{
			width: 30%;
			background-image: url(/-/Media/Ricoh/Sites/com/technology/inkjet/img/il4_4.gif);
			background-size: 40px auto;
			padding-right: 30px;
		}
		.moreBt{
			display: block;
			font-size: 12px;
		}
		.moreBt a{
			font-weight: 600;
			color: #444;
			display: inline-block;
			border-bottom: 2px solid #444;
			padding-bottom: 2px;
		}
		.moreBt a:hover{
			text-decoration: none;
		}
		.featherlight .featherlight-content{
			padding:30px 30px 20px 30px !important;
		}
		.boxKeytech{
			width: 88%;
		}
		.boxKeytech li {
		    float: none;
		    width: 100%;
		    margin-right: 0%;
		    margin-bottom: 14px;
		    text-align: left;
		}
		.heightLine-group4{
			height:auto;
		}
	}


/*SLICK*/
.youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
	.youtube-box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	}
	.slider{
		margin: 0 10px;
	}
	.youtube-box .cover{
		background-position:center;
		background-size: cover;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
	}
	.slick-slide {
		margin-right: 10px;
		margin-left: 10px;
	}

/*SLICK*/
.youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
.youtube-box iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.slider{
	margin: 0 10px;
}
.youtube-box .cover{
	background-position:center;
	background-size: cover;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	cursor: pointer;
}
.slick-slide {
	margin-right: 10px;
	margin-left: 10px;
}
.movieTite{
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 12px;
	font-weight: bold;
	letter-spacing: 0.04em;
    font-feature-settings: "palt";
}
.slick-list{
	overflow: visible;
}
.slick-dots{
	bottom: -35px;
}