@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

/*animation*/
.titleanimation{
}

.titleanimation .business_logo{
	transform: translateY(-10px);
	opacity: 0;
	transition-duration: 1.0s;
}
.titleanimation.on .business_logo{
	transform: translateY(0px);
	opacity: 1.0;
}

.titleanimation .maintitle > span{
	overflow: hidden;
}
.titleanimation .maintitle .animation{
	transform: translateY(100%);
	transition-duration: 1.0s;
	transition-timing-function: ease;
}
.titleanimation .maintitle .en .animation{
	transition-delay: 0.2s;
}
.titleanimation .maintitle .ja .animation{
	transition-delay: 0.4s;
}

.titleanimation.on .maintitle .animation{
	transform: translateY(0);
}



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	/*---------------------------------------------------------------
	
	事業詳細／共通
	
	----------------------------------------------------------------*/	

	h1,h2{
		font-weight: 500;
	}
	
	.business_sd #maintitleArea{
		padding-top: 80px;
		position: relative;
		margin-bottom: 100px;
	}
		.business_sd #maintitleArea:after{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 228px;
			top: 0;
			left: 0;
			z-index: -1;
		}
			.ecm.business_sd #maintitleArea:after{
				background: url("../img/ecm/mainimg.jpg") no-repeat center;
				background-size: cover;
			}
			.printer.business_sd #maintitleArea:after{
				background: url("../img/printer/mainimg.jpg") no-repeat center;
				background-size: cover;
			}
			.ink.business_sd #maintitleArea:after{
				background: url("../img/ink/mainimg.jpg") no-repeat center;
				background-size: cover;
			}
		.business_sd #maintitleArea .business_logo{
			width: 75px;
			margin: 0 auto 50px;
		}
		.business_sd #maintitleArea .maintitle{
			text-align: center;
		}
			.business_sd #maintitleArea .maintitle span{
				display: block;
			}
				.business_sd #maintitleArea .maintitle .en{
					font-size: 70px;
					line-height: 1em;
					letter-spacing: 0.2em;
					font-weight: normal;
					margin-bottom: 10px;
				}
				.business_sd #maintitleArea .maintitle .ja{
					font-size: 26px;
					font-feature-settings: "palt";
					letter-spacing: 0.3em;
				}
	
	
	#about.business_sd{
		
	}
		#about.business_sd #main{
			padding-top: 64px;
			overflow: hidden;
			position: relative;
		}
	
	#about.business_sd .sec{
		position: relative;
	}
	
	/* sec01
	---------------------------------*/
	#about.business_sd #sec1{
		
	}
		#about.business_sd #sec1 .img_box{
			margin-left: calc(50% - 520px);
			position: absolute;
			top: 0;
			right: 0;
			z-index: -1;
		}
			#about.business_sd #sec1 .img_box .inner{
				position: relative;
			}
				#about.business_sd #sec1 .img_boxn img{
					width: 100%;
				}
		#about.business_sd #sec1 .txtArea{
			position: relative;
			padding-top: 250px;
		}
			#about.business_sd #sec1 .txtArea h2{
				position: relative;
				color: white;
			}
				#about.business_sd #sec1 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 10px 0 calc(50% - 520px);
					font-size: 25px;
					background-color: #f06400;
					line-height: 50px;
					height: 50px;
				}
				#about.printer.business_sd #sec1 .txtArea h2 span.line{
					background-color: #0a9bcd;
				}
				#about.ink.business_sd #sec1 .txtArea h2 span.line{
					background-color: #6e3cbe;
				}
	#about.business_sd #sec1 .wrap{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: flex-end;
		z-index: -1;
	}
	#about.ink.business_sd #sec1 .wrap .bl_btn{
		font-size: 18px;
	}
	
	#about.business_sd #sec1 .catch{
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 10px;
	}
		#about.business_sd #sec1 .txt{
			width: 560px;
			box-sizing: border-box;
			padding: 70px 50px 0 0;
			background-color: #fff;
			text-align: justify;
			line-break: strict;
			word-wrap: break-word;
			overflow-wrap: break-word;
			margin-top: -25px;
		}
		
	/* sec02
	---------------------------------*/
	#about.business_sd #sec2{
		padding-top: 200px;
	}
		#about.business_sd #sec2 .txtArea{
			position: relative;
		}
			#about.business_sd #sec2 .txtArea h2{
				position: relative;
				margin-left: calc(50% - 520px);
				margin-bottom: 60px;
				color: white;
			}
				#about.business_sd #sec2 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 0 0 20px;
					width: 100%;
					box-sizing: border-box;
					font-size: 25px;
					background-color: #f06400;
					line-height: 50px;
					height: 50px;
				}
				#about.printer.business_sd #sec2 .txtArea h2 span.line{
					background-color: #0a9bcd;
				}
				#about.ink.business_sd #sec2 .txtArea h2 span.line{
					background-color: #6e3cbe;
				}
	#about.business_sd #sec2 .sec_blo{
		position: relative;
	}
	#about.business_sd #sec2 .sec_blo + .sec_blo{
		margin-top: 60px;
	}
	#about.business_sd #sec2 .sec_blo .txt_box{
		width: calc(100% - 450px);
		float: right;
		margin-top: -5px;
	}
	#about.business_sd #sec2 .sec_blo .img_box{
		width: 400px;
		float: left;
	}
	#about.business_sd #sec2 .sec_blo:nth-of-type(2n) .txt_box{
		float: left;
	}
	#about.business_sd #sec2 .sec_blo:nth-of-type(2n) .img_box{
		float: right;
	}
	#about.business_sd #sec2 .sec_blo .txt_box .catch{
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	#about.business_sd #sec2 .sec_blo .txt_box .txt{
		text-align: justify;
		line-break: strict;
    	word-wrap: break-word;
    	overflow-wrap: break-word;
		line-height: 2.0;
	}
	
	/* sec03
	---------------------------------*/
	#about.business_sd #sec3{
		padding-top: 140px;
		margin-bottom: 200px;
	}
	#about.business_sd #sec3 .txtArea{
		position: relative;
		padding: 50px 60px;
	}
	
	#about.business_sd #sec3 .txtArea .txt_box + .txt_box{
		margin-top: 40px;
	}
	#about.business_sd #sec3 .txtArea:before,
	#about.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/ecm/fl.png") no-repeat center;
		background-size: cover;
		width: 126px;
		height: 124px;
	}
	#about.printer.business_sd #sec3 .txtArea:before,
	#about.printer.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/printer/fl.png") no-repeat center;
		background-size: cover;
		width: 126px;
		height: 124px;
	}
	#about.ink.business_sd #sec3 .txtArea:before,
	#about.ink.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/ink/fl.png") no-repeat center;
		background-size: cover;
		width: 126px;
		height: 124px;
	}
	#about.business_sd #sec3 .txtArea:before{
		left: 0;
		top: 0;
	}
	#about.business_sd #sec3 .txtArea:after{
		transform: scale(-1.0,-1.0);
		right: 0;
		bottom: 0;
	}
	#about.business_sd #sec3 .txtArea h3{
		font-size: 25px;
		letter-spacing: 0.2em;
		margin-bottom: 20px;
		font-weight: 400;
	}
	#about.business_sd #sec3 .txtArea .catch{
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	#about.business_sd #sec3 .txtArea .txt{
		float: left;
		width: 700px;
		text-align: justify;
		line-break: strict;
    	word-wrap: break-word;
    	overflow-wrap: break-word;
	}
	#about.business_sd #sec3 .txtArea .prof_box{
		width: 170px;
		float: right;
	}
	#about.business_sd #sec3 .txtArea .txt_box:nth-of-type(2) .txt{
		float: right;
	}
	#about.business_sd #sec3 .txtArea .txt_box:nth-of-type(2) .prof_box{
		float: left;
	}
	#about.business_sd #sec3 .txtArea .prof_box .img_box{
		margin-bottom: 20px;
	}
	#about.business_sd #sec3 .txtArea .prof_box span{
		display: block;
	}
	#about.business_sd #sec3 .txtArea .prof_box span.name{
		font-size: 20px;
	}
	#about.business_sd #sec3 .txtArea .prof_box span.en{
		color: #f06400;
		letter-spacing: 0.1em;
		line-height: 1.5;
	}
	#about.printer.business_sd #sec3 .txtArea .prof_box span.en{
		color: #0a9bcd;
	}
	#about.ink.business_sd #sec3 .txtArea .prof_box span.en{
		color: #6e3cbe;
	}
	#about.business_sd #sec3 .txtArea .prof_box .post{
		margin-top: 5px;
		line-height: 1.5;
	}
	
	
	
	#recommend{
		position: relative;
		padding: 80px 0 100px;
		overflow: hidden;
	}
		#recommend .tit{
			position: relative;
			margin-bottom: 50px;
		}
			#recommend .tit .line{
				display: inline-block;
				padding: 0 20px 0 calc(50% - 520px);
				position: relative;
				background-color: #6e3cbe;
				color: #fff;
				font-weight: 400;
				font-size: 18px;
			}
				#recommend .tit .line:before{
					content: '';
					display: block;
					position: absolute;
					background-size: cover;
					width: 222px;
					height: 76px;
					z-index: 2;
					right: -180px;
					top: -25px;
				}
			.ecm #recommend .tit .line:before{
				background: url("../img/ecm/deco.png") no-repeat center;
			}
			.printer #recommend .tit .line:before{
				background: url("../img/printer/deco.png") no-repeat center;
			}
			.ink #recommend .tit .line:before{
				background: url("../img/ink/deco.png") no-repeat center;
			}
			.printer #recommend .tit .line{
				background-color: #f06400;
			}
			.ink #recommend .tit .line{
				background-color: #0a9bcd;
			}
				#recommend .tit .line .ja{
					padding-left: 20px;
					display: inline-block;
					position: relative;
				}
					#recommend .tit .line .ja:after{
						content: '';
						display: block;
						position: absolute;
						width: 1px;
						height: calc(100% - 12px);
						background-color: #fff;
						opacity: 0.3;
						left: 10px;
						top: 5px;	
					}
	#recommend .th{
		position: relative;
	}
		#recommend .th + .th{
			margin-top: 30px;
		}
	#recommend a.btn{
		display: block;		
		height: 134px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
	}
		
			#recommend .th.cbox a.btn{
				width: calc(50% - 15px);
				float: left;
				height: 112px;
			}
				#recommend .th.cbox a.btn:nth-of-type(2n){
					float: right;
				}
				#recommend a.btn:after{
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					z-index: -1;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					transition: 1.0s;
				}
				#recommend a.btn:hover:after{
					transform: scale(1.05);
				}
	
					#recommend a.btn span.line{
						display: block;
						position: relative;
						line-height: 1em;
						font-weight: 400;
					}
						#recommend a.btn .line span{
							display: inline-block;
							position: relative;		
							padding: 3px 8px 4px;
							background-color: #000;
							color: #fff;
						}	
	
			#about.ecm.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/ecm/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ecm.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/ecm/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ecm.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/ecm/btn03.jpg") no-repeat center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/printer/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/printer/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/printer/btn03.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/ink/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/ink/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/ink/btn03.jpg") no-repeat center;
				background-size: cover;
			}
				#about.business_sd #recommend a.btn.pj .txt{
					position: absolute;
					display: block;
					font-size: 40px;
					color: #fff;
					opacity: 0.5;
					right: 0;
					bottom: -0.2em;
					line-height: 1em;
					font-weight: normal;
					letter-spacing: 0.13em;
				}

	/*deco*/
	/*sec1*/
	#about.business_sd #sec1 .deco{
	}
	#about.business_sd #sec1 .img_box .deco01{
		bottom: 0;
		right: 12vw;
	}	
	#about.business_sd #sec1 .img_box .deco02{
		bottom: -27px;
		right: 0;
	}
	#about.business_sd #sec1 .deco03{
		bottom: -117px;
		left: 0;
	}
	#about.business_sd #sec1 .deco04{
		bottom: -129px;
		left: 12vw;
	}
	#about.business_sd #sec1 .deco05{
		bottom: -153px;
		left: 0;
		z-index: 0;
	}
	#about.business_sd #sec1 .deco06{
		bottom: -80px;
		right: 6vw;
		z-index: 0;
	}
	
	/*sec2*/
	#about.business_sd #sec2 .deco{
	}
	#about.business_sd #sec2 .deco06{
		top: 60%;
		right: 0;
		z-index: 2;
	}
	#about.business_sd #sec2 .deco07{
		bottom: 242px;
		left: 4vw;
	}
	#about.business_sd #sec2 .deco08{
		bottom: 230px;
		left: 0;
	}
	/*recommend*/
	#about.business_sd #recommend .deco{
		z-index: 2;
	}
	#about.business_sd #recommend .deco01{
		top: 0;
		left: 4vw;
	}	
	#about.business_sd #recommend .deco02{
		top: 36px;
		right: 12vw;
	}
	#about.business_sd #recommend .deco03{
		top: 48px;
		right: 0;
	}
	
	

	
	

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	
	/*---------------------------------------------------------------
	
	事業詳細／共通
	
	----------------------------------------------------------------*/	

	h1,h2{
		font-weight: 500;
	}
	
	.business_sd #maintitleArea{
		padding-top: 40px;
		position: relative;
		margin-bottom: 50px;
	}
		.business_sd #maintitleArea:after{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 114px;
			top: 0;
			left: 0;
			z-index: -1;
		}
			.ecm.business_sd #maintitleArea:after{
				background: url("../img/ecm/mainimg_sp.jpg") no-repeat center;
				background-size: cover;
			}
			.printer.business_sd #maintitleArea:after{
				background: url("../img/printer/mainimg_sp.jpg") no-repeat center;
				background-size: cover;
			}
			.ink.business_sd #maintitleArea:after{
				background: url("../img/ink/mainimg_sp.jpg") no-repeat center;
				background-size: cover;
			}
		.business_sd #maintitleArea .business_logo{
			width: 35px;
			margin: 0 auto 25px;
		}
		.business_sd #maintitleArea .maintitle{
			text-align: center;
		}
			.business_sd #maintitleArea .maintitle span{
				display: block;
			}
				.business_sd #maintitleArea .maintitle .en{
					font-size: 35px;
					line-height: 1em;
					letter-spacing: 0.2em;
					font-weight: normal;
					margin-bottom: 5px;
				}
				.business_sd #maintitleArea .maintitle .ja{
					font-size: 16px;
					font-feature-settings: "palt";
					letter-spacing: 0.3em;
				}
	
	
	#about.business_sd{
		
	}
		#about.business_sd #main{
			padding-top: 50px;
			overflow: hidden;
			position: relative;
		}
	
	#about.business_sd .sec{
		position: relative;
	}
	
	/* sec01
	---------------------------------*/
	#about.business_sd #sec1{
		
	}
		#about.business_sd #sec1 .img_box{
			width: 80%;
			position: absolute;
			top: 0;
			right: 0;
			z-index: -1;
		}
			#about.business_sd #sec1 .img_box .inner{
				position: relative;
			}
				#about.business_sd #sec1 .img_boxn img{
					width: 100%;
				}
		#about.business_sd #sec1 .txtArea{
			position: relative;
			padding-top: 100px;
		}
			#about.business_sd #sec1 .txtArea h2{
				position: relative;
				color: white;
			}
				#about.ecm.business_sd #sec1 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 5px 0 5%;
					font-size: 18px;
					background-color: #f06400;
					line-height: 30px;
					height: 30px;
				}
				#about.printer.business_sd #sec1 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 5px 0 5%;
					font-size: 18px;
					background-color: #0a9bcd;
					line-height: 30px;
					height: 30px;
				}
				#about.ink.business_sd #sec1 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 5px 0 5%;
					font-size: 18px;
					background-color: #6e3cbe;
					line-height: 30px;
					height: 30px;
				}
	#about.business_sd #sec1 .wrap{
		z-index: -1;
		background-color: #fff;
		box-sizing: border-box;	
		width: 95%;
		margin: -15px auto 0 0;
		padding: 30px 30px 30px;
	}
	
	#about.business_sd #sec1 .catch{
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 10px;
	}
		#about.business_sd #sec1 .txt{
			margin-bottom: 20px;
			text-align: justify;
			line-break: strict;
			word-wrap: break-word;
			overflow-wrap: break-word;		
		}
		

	/* sec02
	---------------------------------*/
	#about.business_sd #sec2{
		padding-top: 100px;
	}
		#about.business_sd #sec2 .txtArea{
			position: relative;
		}
			#about.business_sd #sec2 .txtArea h2{
				position: relative;
				width: 95%;
				margin: 0 0 30px auto;
				color: white;
			}
				#about.business_sd #sec2 .txtArea h2 span.line{
					display: inline-block;
					padding: 0 0 0 10px;
					width: 100%;
					box-sizing: border-box;
					font-size: 18px;
					background-color: #f06400;
					line-height: 30px;
					height: 30px;
				}
				#about.printer.business_sd #sec2 .txtArea h2 span.line{
					background-color: #0a9bcd;
				}
				#about.business_sd #sec2 .txtArea h2 span.line{
					background-color: #6e3cbe;
				}
	#about.business_sd #sec2 .sec_blo{
		position: relative;
	}
	#about.business_sd #sec2 .sec_blo + .sec_blo{
		margin-top: 40px;
	}
	#about.business_sd #sec2 .sec_blo .txt_box{
		padding: 0 5%;
	}
	#about.business_sd #sec2 .sec_blo .img_box{
		margin-top: 10px;
	}
	#about.business_sd #sec2 .sec_blo:nth-of-type(2n) .txt_box{
		float: left;
	}
	#about.business_sd #sec2 .sec_blo:nth-of-type(2n) .img_box{
		float: right;
	}
	
	#about.business_sd #sec2 .sec_blo .txt_box .catch{
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	#about.business_sd #sec2 .sec_blo .txt_box .txt{
		text-align: justify;
		line-break: strict;
    	word-wrap: break-word;
    	overflow-wrap: break-word;
		line-height: 2.0;
	}
	
	/* sec03
	---------------------------------*/
	#about.business_sd #sec3{
		padding-top: 100px;
		margin-bottom: 80px;
	}
	#about.business_sd #sec3 .txtArea{
		position: relative;
		padding: 25px 30px;
	}
	#about.business_sd #sec3 .txtArea .txt_box + .txt_box{
		margin-top: 40px;
	}
	#about.business_sd #sec3 .txtArea:before,
	#about.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/ecm/fl.png") no-repeat center;
		background-size: cover;
		width: 63px;
		height: 62px;
	}
	#about.printer.business_sd #sec3 .txtArea:before,
	#about.printer.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/printer/fl.png") no-repeat center;
		background-size: cover;
		width: 63px;
		height: 62px;
	}
	#about.ink.business_sd #sec3 .txtArea:before,
	#about.ink.business_sd #sec3 .txtArea:after{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/ink/fl.png") no-repeat center;
		background-size: cover;
		width: 63px;
		height: 62px;
	}
	#about.business_sd #sec3 .txtArea:before{
		left: 10px;
		top: 0;
	}
	#about.business_sd #sec3 .txtArea:after{
		transform: scale(-1.0,-1.0);
		right: 10px;
		bottom: 0;
	}
	#about.business_sd #sec3 .txtArea h3{
		font-size: 18px;
		letter-spacing: 0.2em;
		margin-bottom: 10px;
		font-weight: 400;
	}
	
	#about.business_sd #sec3 .txtArea .catch{
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	#about.business_sd #sec3 .txtArea .txt{
		text-align: justify;
		line-break: strict;
    	word-wrap: break-word;
    	overflow-wrap: break-word;
	}
	#about.business_sd #sec3 .txtArea .prof_box{
		margin-top: 20px;
	}
	#about.business_sd #sec3 .txtArea .prof_box .img_box{
		width: 90px;
		float: left;
	}
	#about.business_sd #sec3 .txtArea .prof{
		width: calc(100% - 110px);
		float: right;
		margin-top: -5px;
	}
	#about.business_sd #sec3 .txtArea .prof_box span{
		display: block;
	}
	#about.business_sd #sec3 .txtArea .prof_box span.name{
		font-size: 16px;
		line-height: 1.5;
	}
	#about.business_sd #sec3 .txtArea .prof_box span.en{
		color: #f06400;
		letter-spacing: 0.1em;
		line-height: 1.5;
		font-size: 12px;
	}
	
				#about.printer.business_sd #sec3 .txtArea .prof_box span.en{
					color: #0a9bcd;
				}
				#about.business_sd #sec3 .txtArea .prof_box span.en{
					color: #6e3cbe;
				}
	#about.business_sd #sec3 .txtArea .prof_box .post{
		margin-top: 5px;
		line-height: 1.5;
		font-size: 12px;
	}
	

	
	#recommend{
		position: relative;
		padding: 60px 0 0;
		overflow: hidden;
	}
		#recommend .tit{
			position: relative;
			margin-bottom: 30px;
		}
			#recommend .tit .line{
				display: inline-block;
				line-height: 1.5;
				padding: 3px 10px 3px 20px;
				position: relative;
				background-color: #6e3cbe;
				color: #fff;
				font-weight: 400;
			}
	
				#recommend .tit .line:before{
					content: '';
					display: block;
					position: absolute;
					background-size: cover;
					width: 90px;
					height: 76px;
					z-index: 2;
					right: -10px;
    				top: -50px;
				}
			.ecm #recommend .tit .line:before{
				background: url("../img/ecm/deco.png") no-repeat center;
				background-size: contain;
			}
			.printer #recommend .tit .line:before{
				background: url("../img/printer/deco.png") no-repeat center;
				background-size: contain;
			}
			.ink #recommend .tit .line:before{
				background: url("../img/ink/deco.png") no-repeat center;
				background-size: contain;
			}
			.printer #recommend .tit .line{
				background-color: #f06400;
			}
			.ink #recommend .tit .line{
				background-color: #0a9bcd;
			}
	#recommend .tit .line .en:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: calc(100% - 12px);
    background-color: #fff;
    opacity: 0.3;
    right: 10px;
    top: 5px;
}
	#recommend .tit .line .en {
    padding-right: 20px;
    display: inline-block;
    position: relative;
}
	#recommend .th{
		position: relative;
	}
		#recommend .th + .th{
			margin-top: 10px;
		}
	#recommend a.btn{
		display: block;		
		height: 19.9vw;
		overflow: hidden;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
	}
	#recommend a.btn + a.btn{
		margin-top: 10px;
	}
		
			#recommend .th.cbox a.btn{
			}
				#recommend .th.cbox a.btn:nth-of-type(2n){
				}
				#recommend a.btn:after{
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					z-index: -1;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					transition: 1.0s;
				}
				#recommend a.btn:hover:after{
					transform: scale(1.05);
				}
	
					#recommend a.btn span.line{
						display: block;
						position: relative;
						line-height: 1em;
						font-weight: 400;
					}
						#recommend a.btn .line span{
							display: inline-block;
							position: relative;		
							padding: 3px 8px 4px;
							background-color: #000;
							color: #fff;
						}	
	
			#about.ecm.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/ecm/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ecm.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/ecm/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ecm.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/ecm/btn03_sp.jpg") no-repeat top center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/printer/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/printer/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.printer.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/printer/btn03_sp.jpg") no-repeat top center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(1):after{
				background: url("../img/ink/btn01.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(1) a.btn:nth-of-type(2):after{
				background: url("../img/ink/btn02.jpg") no-repeat center;
				background-size: cover;
			}
			#about.ink.business_sd #recommend .th:nth-of-type(2) a.btn:after{
				background: url("../img/ink/btn03_sp.jpg") no-repeat top center;
				background-size: cover;
			}
				#about.business_sd #recommend .th:nth-of-type(2):before{
					content: '';
					display: block;
					position: absolute;
					background: url("../img/ecm/deco.png") no-repeat center;
					background-size: cover;
					width: 111px;
					height: 38px;
					z-index: 2;
					right: -10px;
					top: 15px;
				}
				#about.business_sd #recommend a.btn.pj .txt{
					position: absolute;
					display: block;
					font-size: 20px;
					color: #fff;
					opacity: 0.5;
					right: 0;
					bottom: -0.2em;
					line-height: 1em;
					font-weight: normal;
					letter-spacing: 0.13em;
				}

	/*deco*/
	/*sec1*/
	#about.business_sd #sec1 .deco{
	}
	#about.business_sd #sec1 .img_box .deco01{
		top: -7px;
		left: -7vw;
	}	
	#about.business_sd #sec1 .img_box .deco02{
		top: 0;
		left: 0;
	}
	#about.business_sd #sec1 .deco03{
		bottom: -30px;
		left: 0;
	}
	#about.business_sd #sec1 .deco04{
		bottom: -37px;
		left: 16vw;
	}
	#about.business_sd #sec1 .deco05{
		bottom: -56px;
		left: 0;
		z-index: 0;
	}
	#about.business_sd #sec1 .deco06{
		bottom: -70px;
		right: 6vw;
		z-index: 0;
	}
	
	/*sec2*/
	#about.business_sd #sec2 .deco{
	}
	#about.business_sd #sec2 .deco06{
		top: 60%;
		right: 0;
		z-index: 2;
	}
	#about.business_sd #sec2 .deco07{
		bottom: -30px;
		left: 7vw;
	}
	#about.business_sd #sec2 .deco08{
		bottom: -37px;
		left: 0;
	}
	/*recommend*/
	#about.business_sd #recommend .deco{
		z-index: 2;
	}
	#about.business_sd #recommend .deco01{
		top: 0;
		left: 4vw;
	}	
	#about.business_sd #recommend .deco02{
		top: 15px;
		right: 16vw;
	}
	#about.business_sd #recommend .deco03{
		top: 0;
		right: 0;
	}
	
	
	
	

}