@charset "utf-8";
/* =================================================================
 ソフトウェア開発・評価/検証 ソフトウェア評価/検証 メインイメージ切り替え
=================================================================== */

/*  .hero
-----------------------------------------------  */
.l-splash-container {
	max-width: 1200px;
	margin: 0 auto 4em;
}
.l-hero {
	position: relative;
	width: 100%;
}
.l-hero:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.hero {
	position: absolute;
	top: 1px;
	left: 0;
	bottom: 0;
	right: 0;
}
.hero__item {
	width: 100%;
	height: 100%;
	position: relative;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
.hero__item__block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.hero__item__block__text {
	display: none !important;
}

@media screen and (min-width: 568px) {
.l-hero:before {
	content: "";
	display: block;
	padding-top: 33.3%;
}
.hero__item__block {
	top: 50%;
	transform: translateY(-50%);
}
}
/*  ==================================================================
  slick-skin
===================================================================  */
.slider {
	width: 100%;
	height: 100%;
}
.slick-slide:focus {
	outline: none;
}
.slick-track {
	height: 100%;
}
.slick-list {
	height: 100%;
	z-index: -1;
}
/*  .slider-for
-----------------------------------------------  */
.slider-for {
	visibility: hidden;
	transition: all 750ms cubic-bezier(.10, .80, .40, .90);
	transform: translate3d(0, -10px, 0);
	opacity: 0;
}
.slider-for__in {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.slider-for .slick-slide {
	border: 1px solid #e2e7ec;
	box-sizing: border-box;
}
.slider-for .slick-prev, .slider-for .slick-next {
	position: absolute;
	width: 30px;
	height: 68px;
}
.slider-for .slick-prev {
	left: 0;
}
.slider-for .slick-next {
	right: 0;
}
.slider-for .slick-prev:hover, .slider-for .slick-next:hover {
	opacity: 0.7;
}
.slider-for .slick-prev::before, .slider-for .slick-next::before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	margin: auto;
	content: '';
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
}
.slider-for .slick-prev::before {
	right: 3px;
	left: auto;
	transform: rotate(-135deg);
}
.slider-for .slick-next::before {
	right: auto;
	left: 3px;
	transform: rotate(45deg);
}
.slider-for .slick-next::after, .slider-for .slick-prev::after {
	content: "";
	position: absolute;
	margin: auto;
	background: rgba(20, 160, 220, 0.65);
	height: 68px;
	width: 30px;
	z-index: -1;
}
.slider-for .slick-prev::after {
	top: 0;
	right: auto;
	bottom: 0;
	left: 1px;
}
.slider-for .slick-next::after {
	top: 0;
	right: 1px;
	bottom: 0;
}
a .hero__item::before {
	position: absolute;
	content: "";
	border: 0 solid rgba(255,255,255,0);
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}
a:hover .hero__item::before {
	border: 4px solid rgba(0, 104, 159, 1);
}

@media screen and (max-width: 559px) {
.slider-for .slick-prev::before, .slider-for .slick-next::before {
	width: 10px;
	height: 10px;
}
.slider-for .slick-prev::before {
	left: 0;
}
.slider-for .slick-next::before {
	left: 10px;
}
.slider-for .slick-next::after, .slider-for .slick-prev::after {
	height: 56px;
	width: 22px;
}
}
/*  ==================================================================
  index スライダー
===================================================================  */
.slider-for {
	visibility: inherit!important;
	opacity: 1!important;
	transform: initial!important;
}
.slick-slide img {
	margin-left: auto!important;
}

@media screen and (max-width: 767px) {
.slick-initialized .slick-slide,  .l-hero {
	max-height: 18em;
}
.l-splash-container {
	margin: 0 auto 5%;
}
}
.hero__item__block__text {
	min-width: 250px;
}
.hero__item__block {
	top: 50%!important;
	left: 50%!important;
	transform: translateY(-50%) translateX(-50%)!important;
	text-align: center!important;
}
.slick-slide img {
	display: block!important;
}
.hero__item__block--slide01 {
	background: url(/software/quality/img/slide01.jpg?1812) center center no-repeat;
	background-size: cover;
}
.hero__item__block--slide02 {
	background: url(/software/quality/img/slide02.jpg?1812) center center no-repeat;
}
.hero__item__block--slide03 {
	background: url(/software/quality/img/slide03.jpg?1812) center center no-repeat;
}
.hero__item__block--slide04 {
	background: url(/software/quality/img/slide04.jpg?1812) center center no-repeat;
}

@media screen and (max-width: 1000px) {
.hero__item__block {
	max-width: 90%;
	width: 80%;
}
.hero__item__block img {
	max-width: 100%;
}
}