@charset "utf-8";

/*
ToshibaSans Bold
ToshibaSans Regular
ToshibaSans Medium
*/

.abs{position: absolute; display: block;}
.rel{position: relative; display: block;}

.inner{width: 960px; margin: auto; box-sizing: border-box;}

.op0{opacity: 0;}
.clearBlock:after{
	clear: both;
	content: "";
	display: block;
}

.flexBlock{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.bgGrey{background: #f8f8f8;}

.anim{
	-webkit-transition: 0.3s ease-out;
	transition:0.3s ease-out;
}

.contentArea{min-width: 960px; line-height: 1.5;}
.topBlock{clear: both; margin: 0 auto; height: 560px;
	background: url("../img/top_bg.png") no-repeat center center; background-size: cover;
	min-width: 960px; overflow: hidden; opacity: 0;
}

.topBlock .inner{height: 100%;}
.topBlock .inner .top_plate{width: 572px; height:572px; background: url("../img/top_plate.png") no-repeat; right: -200px; bottom: -98px;
padding: 85px 200px 0 50px; box-sizing: border-box;
}
.topBlock .inner .top_plate p img,
.topBlock .inner .top_plate h2 img{display: inline-block;}
.topBlock .inner .top_plate .title{margin-bottom: 20px;}
.topBlock .inner .top_plate .img{text-align: right;}

.body_block{padding: 80px 0 85px; text-align: center; min-width: 960px; overflow: hidden;}
.body_block img{display: inline-block;}
.body_block .body_img{
	max-width: 445px; width: 32%;
	position: absolute; right: 0; bottom: 0;
}
.body_block .body_text{
	font-family: "ToshibaSans Regular",Arial, Helvetica, sans-serif;
	font-size: 22px;
	width: 810px;
	text-align: left;
	margin-left: auto; margin-right: auto;
}

#content-wrapper{padding: 50px 0;}
#content-wrapper section{min-height: 400px;}
#content-wrapper section .imgBlock{
	width: 480px; height: 400px; background-size: cover !important; outline: none; overflow: hidden;
}
#content-wrapper section .imgBlock .img{opacity: 0;}
#content-wrapper section .imgBlock:after{
	position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 9px; content: "";
}

#content-wrapper section .imgBlock:before{
	position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: "";
	background: rgba(255,255,255,0.3);
	-webkit-transition: 0.5s ease-out;
	transition:0.5s ease-out;
	opacity: 0;
}

#content-wrapper section .imgBlock:hover:before{
	opacity: 1;
}

#content-wrapper section .flexBlock{justify-content: flex-start;}

#content-wrapper section .imgBlock h3{
	height: 98px; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.2); line-height: 98px; padding-left: 18px; box-sizing: border-box;
	font-size: 24px; font-weight: bold;
	font-family: "ToshibaSans Bold",Arial, Helvetica, sans-serif; color: #ffffff;
}

#content-wrapper .industrial_desktop_printers_block .imgBlock h3{
	line-height: 1.2; padding-top: 17px;
}

#content-wrapper section .imgBlock h3 span{display: inline-block; vertical-align: middle;
	-webkit-transition: 0.5s ease-out;
	transition:0.5s ease-out;
}


#content-wrapper section.industrial_printers_block .imgBlock{
	background: url("../img/industrial_printers_bg.png") no-repeat;
}
#content-wrapper section.industrial_printers_block .imgBlock:after{
	background: #ff0000;
}

#content-wrapper section.industrial_desktop_printers_block .imgBlock{
	background: url("../img/industrial_desktop_printers_bg.png") no-repeat;
}
#content-wrapper section.industrial_desktop_printers_block .imgBlock:after{
	background: #ffde00;
}

#content-wrapper section.desktop_printers_block .imgBlock{
	background: url("../img/desktop_printers_bg.png") no-repeat;
}
#content-wrapper section.desktop_printers_block .imgBlock:after{
	background: #0024b9;
}

#content-wrapper section.mobile_printers_block .imgBlock{
	background: url("../img/mobile_printers_bg.png") no-repeat;
}
#content-wrapper section.mobile_printers_block .imgBlock:after{
	background: #55e04a;
}

#content-wrapper section.color_printers_block .imgBlock{
	background: url("../img/color_printers_bg.png") no-repeat;
}
#content-wrapper section.color_printers_block .imgBlock:after{
	background: #7030a0;
}


#content-wrapper section .imgBlock .img{
	right: 30px; bottom: 40px; z-index: 1;
	-webkit-transition: 0.5s ease-out;
	transition:0.5s ease-out;
}
#content-wrapper section .textBlock{padding-top: 70px; box-sizing: border-box; width: 480px; padding-left: 0px; padding-right: 40px;}
#content-wrapper section .textBlock p.title{
	font-size: 22px; font-weight: bold;
	font-family: "ToshibaSans Bold",Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	color: #4c4c4c;
}

#content-wrapper section .textBlock p.text{
	font-size: 18px;
	font-family: "ToshibaSans Regular",Arial, Helvetica, sans-serif;
}

#content-wrapper section .textBlockR{padding-left: 40px; padding-right: 0;}



.map_block{
	background: #e6e6e6; padding: 50px 0;
}
.map_block h3{
	font-family: "ToshibaSans Medium",Arial, Helvetica, sans-serif;
	margin-bottom: 35px;
	font-size: 20px;
}
.map_block .map_area{
	background: url("../img/map_img.png") no-repeat;
	width: 876px; height: 430px; margin: 0 auto;
}

.map_block .map_area a:nth-child(1){left: 97px; top: 120px;}
.map_block .map_area a:nth-child(2){left: 407px; top: 79px;}
.map_block .map_area a:nth-child(3){left: 728px; top: 319px;}
.map_block .map_area a:nth-child(4){left: 124px; top: 46px;}
.map_block .map_area a:nth-child(5){left: 626px; top: 111px;}
.map_block .map_area a:nth-child(6){left: 688px; top: 222px;}
.map_block .map_area a:nth-child(7){left: 520px; top: 160px;}
.map_block .map_area a:nth-child(8){left: 369px; top: 410px;}
.map_block .map_area a{
	-webkit-transition: 0.3s ease-out;
	transition:0.3s ease-out;
}
.map_block .map_area a:hover{
	transform: scale(1.05,1.05);
}

.product_category_block{padding: 80px 0 90px; background: url("../img/product_categoly_bg.png") no-repeat center center; background-size: cover; overflow: hidden;}
.product_category_block .inner.flexBlock .product_category{
	width: 180px; height: 460px; padding-top: 205px; box-sizing: border-box;
}
.product_category_block .inner.flexBlock .product_category01{background: url("../img/product_categoly01-2.png") no-repeat;}
.product_category_block .inner.flexBlock .product_category02{background: url("../img/product_categoly02.png") no-repeat;}
.product_category_block .inner.flexBlock .product_category03{background: url("../img/product_categoly03.png") no-repeat;}
.product_category_block .inner.flexBlock .product_category04{background: url("../img/product_categoly04.png") no-repeat;}
.product_category_block .inner.flexBlock .product_category05{background: url("../img/product_categoly05.png") no-repeat;}

.product_category_block .inner.flexBlock .product_category01,.product_category_block .inner.flexBlock .product_category02,.product_category_block .inner.flexBlock .product_category03,.product_category_block .inner.flexBlock .product_category04,.product_category_block .inner.flexBlock .product_category05{
background-color: #fff;
}

.product_category_block .inner.flexBlock .product_category a{font-size: 18px; color: #000000; text-decoration: none; width: 160px; margin-left: auto; margin-right: auto;}
.product_category_block .inner.flexBlock .product_category01 a{width: 160px;}
.product_category_block .inner.flexBlock .product_category02 a{width: 160px;}
.product_category_block .inner.flexBlock .product_category a:hover{text-decoration: underline;}

.product_category_block .inner.flexBlock .product_category h4{width: 100%; height: 45px; line-height: 45px; text-align: center;
font-family: "ToshibaSans Bold",Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; top: 0; left: 0; font-size: 18px;
}

.product_category_block .inner.flexBlock .product_category01 h4{background: #ff0000;}
.product_category_block .inner.flexBlock .product_category02 h4{background: #ffde00; color: #000000;}
.product_category_block .inner.flexBlock .product_category03 h4{background: #0024b9;}
.product_category_block .inner.flexBlock .product_category04 h4{background: #55e04a;}
.product_category_block .inner.flexBlock .product_category05 h4{background: #7030a0;}

.bottomLogo{padding: 60px 0 80px;}
.bottomLogo a{width: 323px; height: 80px; margin: 0 auto;}
.bottomLogo a:hover{opacity: 0.7;}

.contentArea .related-video {
    padding: 50px 0 100px; border-top: 1px solid #e6e6e6;
}

.contentArea .related-video h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
	opacity: 0;
}

.contentArea .related-video .inner > .flexBlock{
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentArea .related-video .column-block{
    cursor: pointer;
    width: 32%;
    margin-bottom: 20px;
    text-decoration: none;
	opacity: 0;
}
.contentArea .related-video .inner > .flexBlock:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
.contentArea .related-video .column-block a{
    text-decoration: none;
}

.contentArea .related-video img {
    width: 100%;
    margin-bottom: 15px;
}
.cat-product {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0.4rem;
	color: #333333;
}

.contentArea .related-video .column-block .title {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 7px; text-align: center;
	color: #333333;
}

.contentArea .lbbg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,0.8);
}

.contentArea .video_block {
    position: fixed;
    z-index: 999;
    display: none;
    width: 720px;
    height: 480px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.contentArea .video_block .movie_inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.contentArea .video_block .movie_inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.contentArea .video_block .closeBtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: -60px;
	cursor: pointer;
}

.contentArea .video_block .closeBtn span:after {
    transform: rotate(45deg);
}

.contentArea .video_block .closeBtn span:before {
    transform: rotate(-45deg);
}
.contentArea .video_block .closeBtn span:before,
.contentArea .video_block .closeBtn span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 16%;
    margin: -8% 0 0 -42%;
    background: #ffffff;
}
.contentArea .related-video .column-block:hover{
	animation-name: push;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
	display: block;
}

@keyframes push {
    50% {
        transform: scale(.96);
    }

    100% {
        transform: scale(1);
    }
}