@charset "UTF-8";

/* all
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.sp-only {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}
}


/* KV
-----------------------------------------------------------------------------*/
.hero-area-video + * {
	margin-top: 0;
}
.hero-area-video {
	max-height: 540px;
	min-height: 540px;
}
.hero-area-video .content {
	padding-top: 45px;
}
.hero-area-video .content .main-txt>* {
	padding: 0;
	background: none;
}
.hero-area-b .content .sub-txt {
	margin-top: 200px;
}
.hero-area-b .content .sub-txt>* {
	padding: 0;
	background: none;	
	line-height: 1.6;
}
[data-script-enabled=true] .hero-area-video.diff-has-video video {
	width: auto;
	height: 100%;
	min-width: inherit;
}
.hero-area-video .visual {
	background: #486e89;
}
.hero-area-video .visual > img {
	width: auto;
    height: 100%;
    max-width: inherit;
    min-width: inherit;
    z-index: 1;
	left: 50%;
	transform: translateX(-50%);
}
.hero-area-video .pc-only {
	display: block;
}
.hero-area-video .sp-only {
	display: none;
}
@media only screen and (max-width: 1200px) {
	.hero-area-video .content .content-inner {
		width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
	[data-script-enabled=true] .hero-area-video.diff-has-video {
		max-height: inherit;
		height: auto;
	}
	.hero-area-video .content .content-inner {
		background: #eee;
		padding: 20px 16px 30px;
	}
	.hero-area-video .content .main-txt>* {
		color: #000;
	}
	.hero-area-video .content .sub-txt>* {
		color: #000;
	}
	.hero-area-video .visual {
		position: relative;
		max-height: 430px;
		height: calc(430vw*100/767);
		left: inherit;
		top: inherit;
		min-height: 100%;
	}
	
	.hero-area-video {
		max-height: inherit;
		min-height: inherit;
	}
	.hero-area-video .pc-only {
		display: none;
	}
	.hero-area-video .sp-only {
		display: block;
	}
	.hero-area-video .content {
		padding-top: 0;
	}	
	[data-script-enabled=true] .hero-area-video.diff-has-video .visual {
		position: relative;
	}
	[data-script-enabled=true] .hero-area-video.diff-has-video video {
		display: block;
		height: calc(430vw*100/767);
	}
}


/* READ
-----------------------------------------------------------------------------*/
.diff-bg-z {
	background: #b70c0e;
	color: #fff;
}


/* SLIDER
-----------------------------------------------------------------------------*/
.diff-bg-y {
	background: #486e89;
	color: #fff;
}
.voice-slider .lyt-item-a {
	max-width: 980px;
	margin: 0 auto;
}
.voice-slider .slick-prev::before {
	display: none;
}
.voice-slider .slick-next::before {
	display: none;
}
.voice-slider .slick-arrow {
	position: absolute;
	top: 62px;
	width: 32px;
	height: 64px;
	margin: auto;
}
.voice-slider .slick-prev {
	left: 0;
	background: url(/global/imagesgig5/arrow_left_tcm100-5945562_tcm100-2750236-32.gif) no-repeat;
}
.voice-slider .slick-next {
	right: 0;
	background: url(/global/imagesgig5/arrow_right_tcm100-5945563_tcm100-2750236-32.gif) no-repeat;
}
@media only screen and (max-width: 767px) {
	.voice-slider .slick-arrow {
		top: 58px;
	}
}


/* Three Values
-----------------------------------------------------------------------------*/
.lyt-img-z[class*=diff-col] {
	margin-left: -40px;
	margin-bottom: -40px;
}
.lyt-img-z[class*=diff-col]>* {
	margin-bottom: 40px;
	padding-left: 40px;
}
.check-list li {
	padding-left: 25px;
	background: url(/global/imagesgig5/icon_check_tcm100-5945561_tcm100-2750236-32.png) no-repeat top 2px left;
}
.check-list li + li {
	margin-top: 10px;
}


/* Solution Introduction
-----------------------------------------------------------------------------*/
.lyt-img-z .all-link {
	display: block;
	text-decoration: none;
}
.lyt-img-z .all-link:hover {
	opacity: 0.8;
}
.lyt-img-z span {
	display: block;
}
.lyt-img-z .btn-z {
	display: inline-block;
	padding: 1px 13px;
	background: none;
}
.lyt-img-z .btn-z::before {
	display: none;
}
@media only screen and (max-width: 767px) {
	.lyt-img-z .btn-z {
		padding: 5px 13px;
	}
}


/* Catalog
-----------------------------------------------------------------------------*/
.lyt-img-y[class*=diff-col] {
	margin-left: -16px;
}
.lyt-img-y[class*=diff-col]>* {
	padding-left: 16px;
}
.lyt-img-y .pdf-border {
	border: 1px solid #ccc;
}
.lyt-img-y .category-a {
	display: inline-block;
	padding: 1px 10px 0;
	background: #5d90cf;
	color: #fff;
}
.lyt-img-y .category-b {
	display: inline-block;
	padding: 1px 10px 0;
	background: #67b9ad;
	color: #fff;
}
.lyt-img-y .category-c {
	display: inline-block;
	padding: 1px 10px 0;
	background: #adc267;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.lyt-img-y .img {
		text-align: center;
	}
}


/* Solution Services video
-----------------------------------------------------------------------------*/
.link-hover:hover {
	opacity: 0.8;
}


/* Customer Successes
-----------------------------------------------------------------------------*/
.carousel-box-a a {
	display: block;
}
.carousel-box-a span {
	display: block;
}
.carousel-box-a .btn-z {
	display: inline-block;
	padding: 1px 13px;
	background: none;
}
.carousel-box-a .btn-z::before {
	display: none;
}
.carousel-box-a ul li {
	padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.carousel-box-a .btn-z {
		padding: 5px 13px;
	}
}


/* contact
-----------------------------------------------------------------------------*/
.lyt-contact-a {
    font-style: normal;
}
#cta-contact {
	background-color: #b70a0e;
	text-align: center; 
}
#cta-contact span {
	display: block;
}
#cta-contact + p {
	display: none;
}
#cta-contact .section-inner {
	padding-top: 50px;
	padding-bottom: 50px;
}
#cta-contact .icon img {
	width: 100px;
}
#cta-contact .h2-span {
	color: #fff;
	font-size: 1.6em;
	font-weight: 300;
	margin-top: 20px;
	line-height: 1.2em;
}
#cta-contact a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	#cta-contact .h2-span {
		font-size: 1.2em;
	}
}