.cb-slideshow,
.cb-slideshow:after {
	position: relative;
	width: 100%;
	left: 0px;
	z-index: 0;
}

.cb-slideshow:after {
	content: '';
}

.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 16s linear infinite 0s;
	-moz-animation: imageAnimation 16s linear infinite 0s;
	-o-animation: imageAnimation 16s linear infinite 0s;
	-ms-animation: imageAnimation 16s linear infinite 0s;
	animation: imageAnimation 16s linear infinite 0s;
}

.cb-slideshow li div {
	z-index: 1000;
	position: absolute;
	width: 100%;
	text-align: left;
	opacity: 0;
	-webkit-animation: titleAnimation 16s linear infinite 0s;
	-moz-animation: titleAnimation 16s linear infinite 0s;
	-o-animation: titleAnimation 16s linear infinite 0s;
	-ms-animation: titleAnimation 16s linear infinite 0s;
	animation: titleAnimation 16s linear infinite 0s;
}

.cb-slideshow li .cb-msg_s {
	color: #333333;
	font-weight: 600;
}

.cb-slideshow li .cb-msg_l {
	color: #009688;
	font-weight: 800;
}

.cb-slideshow .cb-msg_01 .cb-msg_s p {
	line-height: 1.5;
}

.cb-slideshow .cb-msg_01 .cb-msg_l p {
	line-height: 1;
}

.cb-slideshow .cb-msg_02 .cb-msg_s p {
	line-height: 1.25;
}

.cb-slideshow .cb-msg_02 .cb-msg_l p {
	line-height: 1.23;
}

.cb-slideshow .cb-msg_02 .cb-msg_s p,
.cb-slideshow .cb-msg_02 .cb-msg_l p {
	background-color: rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	display: inline-block;
}

.cb-slideshow .cb-msg_03 .cb-msg_s p {
	line-height: 1.3;
}

.cb-slideshow .cb-msg_03 .cb-msg_l p {
	line-height: 1.25;
}

.cb-slideshow .cb-msg_04 .cb-msg_s p {
	line-height: 1.3;
}

.cb-slideshow .cb-msg_04 .cb-msg_l p {
	line-height: 1;
}

.cb-slideshow li div p {
	box-sizing: border-box;
	font-family: -apple-system,
		BlinkMacSystemFont,
		Roboto,
		"Helvetica Neue",
		HelveticaNeue,
		"游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		Verdana,
		"メイリオ",
		Meiryo,
		sans-serif;
	text-align: left;
	margin: 0;
}

.cb-slideshow li:nth-child(1) span {
	background-image: url(../common-img/slider-top/1.jpg)
}

.cb-slideshow li:nth-child(2) span {
	background-image: url(../common-img/slider-top/2.jpg);
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}

.cb-slideshow li:nth-child(3) span {
	background-image: url(../common-img/slider-top/3.jpg);
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}

.cb-slideshow li:nth-child(4) span {
	background-image: url(../common-img/slider-top/4.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}

.cb-slideshow li:nth-child(2) div {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}

.cb-slideshow li:nth-child(3) div {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}

.cb-slideshow li:nth-child(4) div {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}

	8% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes imageAnimation {
	0% {
		opacity: 0;
		-moz-animation-timing-function: ease-in;
	}

	8% {
		opacity: 1;
		-moz-animation-timing-function: ease-out;
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes imageAnimation {
	0% {
		opacity: 0;
		-o-animation-timing-function: ease-in;
	}

	8% {
		opacity: 1;
		-o-animation-timing-function: ease-out;
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

/* Animation for the title */
@-webkit-keyframes titleAnimation {
	0% {
		opacity: 0
	}

	8% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	19% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes titleAnimation {
	0% {
		opacity: 0
	}

	8% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	19% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes titleAnimation {
	0% {
		opacity: 0
	}

	8% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	19% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}

/*===============================================
●スマホ用（700px未満）
===============================================*/
@media screen and (max-width:699px) {

	.cb-slideshow,
	.cb-slideshow:after {
		height: 210px;
	}

	.cb-slideshow li span {
		background-position: 50% 20%;
	}

	.cb-slideshow li .cb-msg_l {
		text-shadow: .4px .6px .4px #777777;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s,
	.cb-slideshow .cb-msg_01 .cb-msg_l {
		left: 29px;
		width: calc(100% - 29px);
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s {
		top: 83px;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s p {
		font-size: 12px;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_l {
		top: 125px;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_l p {
		font-size: 16px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s,
	.cb-slideshow .cb-msg_02 .cb-msg_l {
		left: 13px;
		width: calc(100% - 13px);
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s {
		top: 56px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s p {
		font-size: 12px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_l {
		top: 131px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_l p {
		font-size: 17px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s,
	.cb-slideshow .cb-msg_03 .cb-msg_l {
		left: 10px;
		width: calc(100% - 10px);
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s {
		top: 7px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s p {
		font-size: 10px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_l {
		top: 38px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_l p {
		font-size: 18px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s,
	.cb-slideshow .cb-msg_04 .cb-msg_l {
		left: 11px;
		width: calc(100% - 11px);
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s {
		top: 80px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s p {
		font-size: 11px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_l {
		top: 115px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_l p {
		font-size: 18px;
	}
}

/*===============================================
●PC・タブレット用（700px以上）
===============================================*/
@media screen and (min-width:700px) {

	.cb-slideshow,
	.cb-slideshow:after {
		height: 1072px;
	}

	.cb-slideshow li span {
		background-position: 50% 0%;
	}

	.cb-slideshow li .cb-msg_l {
		text-shadow: 2px 3px 2px #777777;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s,
	.cb-slideshow .cb-msg_01 .cb-msg_l {
		left: 7.44792vw;
		width: calc(100% - 7.44792vw);
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s {
		top: 495px;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_s p {
		font-size: 2.5vw;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_l {
		top: 653px;
	}

	.cb-slideshow .cb-msg_01 .cb-msg_l p {
		font-size: 4.16667vw;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s,
	.cb-slideshow .cb-msg_02 .cb-msg_l {
		left: 2.60417vw;
		width: calc(100% - 2.60417vw);
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s p,
	.cb-slideshow .cb-msg_02 .cb-msg_l p {
		padding: 20px 46px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s {
		top: 420px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_s p {
		font-size: 1.875vw;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_l {
		top: 593px;
	}

	.cb-slideshow .cb-msg_02 .cb-msg_l p {
		font-size: 4.16667vw;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s,
	.cb-slideshow .cb-msg_03 .cb-msg_l {
		left: 3.85417vw;
		width: calc(100% - 3.85417vw);
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s {
		top: 50px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_s p {
		font-size: 2.5vw;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_l {
		top: 192px;
	}

	.cb-slideshow .cb-msg_03 .cb-msg_l p {
		font-size: 4.16667vw;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s,
	.cb-slideshow .cb-msg_04 .cb-msg_l {
		width: calc(100% - 7.44792vw);
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s {
		top: 386px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_s p {
		font-size: 2.5vw;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_l {
		top: 536px;
	}

	.cb-slideshow .cb-msg_04 .cb-msg_l p {
		font-size: 4.16667vw;
	}
}