/* -------------------------------- 
	Slider
-------------------------------- */
.cd-slider-wrapper{position:relative}
.cd-slider{overflow:hidden;position:relative;z-index:1;height:630px}
.cd-slider > li{position:absolute;top:0;left:0;height:100%;width:100%;transform:translateX(100%);transition:transform 0.6s}

.cd-slider > li.is-visible{transform:translateX(0)}
.cd-slider .cd-half-block{height:100%;background-position:center center;background-repeat:no-repeat}

.cd-slider > li:first-of-type .image{background-image:url(../image/common/main-visual.png)}
.cd-slider > li:nth-of-type(2) .image{background-image:url(../image/common/visual01-02.png)}
.cd-slider > li:nth-of-type(3) .image{background-image:url(../image/common/visual02-03.png)}
.cd-slider > li:nth-of-type(4) .image{background-image:url(../image/common/visual03-01.png)}
.cd-slider .image{background-size:100% 100%}
.cd-slider .content{color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.cd-slider > li:nth-of-type(1) .cd-half-block.image{width:100%}
.cd-slider > li:nth-of-type(1) .cd-half-block.content{display:none}
.cd-slider > li{pointer-events:none;z-index:1;transform:translateX(0);transition:z-index 0s 0.6s}
.cd-slider > li.is-visible{pointer-events:auto;z-index:3;transition:z-index 0s 0s}
.cd-slider > li.is-visible.covered{z-index:2}
.cd-slider .cd-half-block{height:100%;width:100%;float:left}

.cd-slider .cd-half-block.image{width:66.666667%;transform:translateX(-100%);transition:transform 0s 0.3s}
.cd-slider .cd-half-block.content{width:33.333333%;/*transform:translateX(-300%);*/transform:translateX(100%);transition:transform 0.6s 0s ease-in-out}
.cd-slider > li.is-visible .cd-half-block.image, .cd-slider > li.is-visible .cd-half-block.content{transform:translateX(0%)}
.cd-slider > li.is-visible .cd-half-block.image{transition:transform 0s 0.3s ease-in-out}

@media all and (max-width:890px){
	.cd-slider{height:576px}
	.cd-slider .cd-half-block.image{width:100%;transform:translateX(100%);transition: transform 0.6s 0s}
	.cd-slider > li.is-visible .cd-half-block.image {transition:transform 0.6s 0s ease-in-out}
	.cd-slider .cd-half-block.content{display:none}
}

@media screen and (max-width:540px){
	.cd-slider > li:first-of-type .image{background-image:url(../image/common/visual04.png)}
	.cd-slider > li:nth-of-type(2) .image{background-image:url(../image/common/visual01.png)}
	.cd-slider > li:nth-of-type(3) .image{background-image:url(../image/common/visual02.png)}
	.cd-slider > li:nth-of-type(4) .image{background-image:url(../image/common/visual03.png)}
}