@charset "utf-8";
/* -----------------------------------------------
	.heroimg_slider
----------------------------------------------- */
.heroimg_slider {
	position: relative;
	height: 720px;
	overflow: hidden;
	padding-top: 136px;
}
.heroimg_slider:after,
.heroimg_slider:before {
	display:table;
	content:" ";
}
.heroimg_slider:after{
	clear: both;
}
.heroimg_slider .slick-arrow {
	position: absolute;
	top: 60%;
	width: 40px;
	height: 80px;
	background-repeat: no-repeat;
	z-index: 10;
	-webkit-transform: translate(0,-60%);
	-ms-transform: translate(0,-60%);
	transform: translate(0,-60%);
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition:opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
.heroimg_slider .slick-arrow:hover {
	opacity: 0.7;
}
.heroimg_slider .slick-prev {
	left:0;
	background-image: url(/img/top/arr_prev_square.png);
}
.heroimg_slider .slick-next {
	right: 0;
	background-image: url(/img/top/arr_next_square.png);
}
.heroimg_slider .slick-dots {
	position: absolute;
	bottom: -37%;
	left: 50%;
	z-index: 500;
	-webkit-transform: translate(-50%,-290px);
	-ms-transform: translate(-50%,-290px);
	transform: translate(-50%,-290px);
}
.heroimg_slider .slick-dots li {
	float: left;
	padding :0 6px;
}
.heroimg_slider .slick-dots li button {
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 50%;
	background-color: #fff;
	text-indent:-9999px;
}
.heroimg_slider .slick-dots li.slick-active button{background-color:#ffb700}
.heroimg {
	position:relative;
	width:100%;
	height:720px;
	float:left;
}
.heroimg a img{
	-webkit-transition: opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
.heroimg a img:hover{
	opacity: 0.7;
}
@media only screen and (min-width: 1602px) {
	.heroimg_slider {
		height: 960px;
	}
	.heroimg {
		height: 960px;
	}
}
@media only screen and (max-width: 1601px) {
	.heroimg_slider {
		height: 840px;
	}
	.heroimg {
		height: 840px;
	}
}
@media only screen and (max-width: 1440px) {
	.heroimg_slider {
		height: 800px;
	}
	.heroimg {
		height: 800px;
	}
	.heroimg_slider .slick-dots {
		bottom: -30%;
		z-index: 1000;
	}
}
@media only screen and (max-width: 769px) {
	.heroimg_slider {
		padding-top: 55px;
	}
	.heroimg_slider .slick-prev,
	.heroimg_slider .slick-next {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.heroimg_slider {
		padding-top: 0;
		height: 580px;
	}
	.heroimg a img {
		top: 0;
	}
	.heroimg_slider .slick-dots {
		display: none !important;
	}
}
/* -----------------------------------------------
	.heroimg:contents
----------------------------------------------- */
/*
	.heroimg_container
----------------------------------------------- */
.heroimg_container {
	width: 100%;
	max-width: 980px;
	position: absolute;
	top: 42%;
	left: 50%;
	padding: 200px 20px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
}
/* -----------------------------------------------
	.heroimg_logo
----------------------------------------------- */
.heroimg_logo {
	background-image: url(/img/top/hero/heroimg_bg_logo.jpg) ;
	background-position: center;
	background-size: cover;
}
.heroimg_logo .heroimg_container {
	width: 520px;
}
@media only screen and (max-width: 767px) {
	.heroimg_logo {
		background-image: url(/img/top/hero/heroimg_bg_logo_sp.jpg);
		background-size: cover;
		border-top: none;
	}
	.heroimg_logo .heroimg_container {
		width: 100%;
		top: 35%;
	}
}
.heroimg_logo .logo {
	background-color: #fff;
}
/* -----------------------------------------------
	.heroimg_sec-ops
----------------------------------------------- */
.heroimg_sec-ops {
	color: #5F5F60;
	font-size: 1.21em;
	font-weight: 400;
	text-align: center;
	text-shadow: none;
	background: url(/img/top/hero/heroimg_bg_sec-ops.jpg) no-repeat ;
	background-position: center;
	background-size: cover;
}
.heroimg_sec-ops .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
@media only screen and (max-width: 767px) {
	.heroimg_sec-ops {
		background-size: 100%;
		background: url(/img/top/hero/heroimg_bg_sec-ops_sp.jpg) no-repeat 50% 50%;
		background-position: center;
	}
	.heroimg_sec-ops {
		padding-bottom: 150px;
		font-size: 0.86em;
		background-size: auto 100%;
		background-position: 50% 40%;
	}
}
/* -----------------------------------------------
	.heroimg_managed-live
----------------------------------------------- */
.heroimg_managed-live {
	color: #5F5F60;
	font-size: 1.21em;
	font-weight: 400;
	text-align: center;
	text-shadow: none;
	background: url(/img/top/hero/heroimg_bg_managed-live.jpg) no-repeat ;
	background-position: center;
	background-size: cover;
}
.heroimg_managed-live .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
@media only screen and (max-width: 767px) {
	.heroimg_managed-live {
		background-size: 100%;
		background: url(/img/top/hero/heroimg_bg_managed-live_sp.jpg) no-repeat 50% 50%;
		background-position: center;
	}
	.heroimg_managed-live {
		padding-bottom: 150px;
		font-size: 0.86em;
		background-size: auto 100%;
		background-position: 50% 40%;
	}
}
/* -----------------------------------------------
	.heroimg_msl
----------------------------------------------- */
.heroimg_msl {
	color: #5F5F60;
	font-size: 1.21em;
	font-weight: 400;
	text-align: center;
	text-shadow: none;
	background: url(/img/top/hero/heroimg_bg_msl.jpg) no-repeat ;
	background-position: center;
	background-size: cover;
}
.heroimg_msl .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_msl .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_msl .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_msl {
		background-size: 100%;
		background: url(/img/top/hero/heroimg_bg_msl_sp.jpg) no-repeat 50% 50%;
		background-position: center;
	}
	.heroimg_msl {
		padding-bottom: 150px;
		font-size: 0.86em;
		background-size: auto 100%;
		background-position: 50% 40%;
	}
}
/* -----------------------------------------------
	.heroimg_security
----------------------------------------------- */
.heroimg_security {
	color: #5F5F60;
	background-image: url(/img/top/hero/heroimg_bg_security.jpg);
	background-position: center;
	background-size: cover;
}
.heroimg_security .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_security .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_security .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_security {
		background-size: cover;
		background-position: center top;
		background-image: url(/img/top/hero/heroimg_bg_security_sp.jpg);
	}
}
/* -----------------------------------------------
	.heroimg_datacenter
----------------------------------------------- */
.heroimg_datacenter {
	background-image: url(/img/top/hero/heroimg_bg_datacenter.jpg);
	background-position: center;
	background-size: cover;
}
.heroimg_datacenter .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_datacenter .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_datacenter .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_datacenter {
		background-size: cover;
		background-position: center top;
		background-image: url(/img/top/hero/heroimg_bg_datacenter_sp.jpg);
	}
}
/* -----------------------------------------------
	.heroimg_cloud
----------------------------------------------- */
.heroimg_cloud {
	background-image: url(/img/top/hero/heroimg_bg_cloud.jpg);
	background-position: center;
	background-size: cover;
}
.heroimg_cloud .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_cloud .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_cloud .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_cloud {
		background-size: cover;
		background-position: center top;
		background-image: url(/img/top/hero/heroimg_bg_cloud_sp.jpg);
	}
}
/* -----------------------------------------------
	.heroimg_system_integration
----------------------------------------------- */
.heroimg_system_integration {
	background-image: url(/img/top/hero/heroimg_bg_system_integration.jpg) ;
	background-position: center;
	background-size: cover;
}
.heroimg_system_integration .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_system_integration .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_system_integration .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_system_integration {
		background-size: cover;
		background-position: center top;
		background-image: url(/img/top/hero/heroimg_bg_system_integration_sp.jpg);
	}
}
/* -----------------------------------------------
	.heroimg_network
----------------------------------------------- */
.heroimg_network {
	background-image: url(/img/top/hero/heroimg_bg_network.jpg) ;
	background-position: center;
	background-size: cover;
}
.heroimg_network .logo {
	width: 980px;
	margin: 0 auto;
	display: block;
}
.heroimg_network .logo .click_area {
	width: 100%;
	height: 580px;
	display: block;
}
.heroimg_network .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.heroimg_network {
		background-size: cover;
		background-position: center top;
		background-image: url(/img/top/hero/heroimg_bg_network_sp.jpg);
	}
}