.main_imgBox {
	height: 650px;
    overflow: hidden;
    position: relative;
}

.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
	height: 650px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;	/* 枚数に合わせて変更 ＋6秒 */
    animation: anime 30s 0s infinite; 			/* 枚数に合わせて変更 ＋6秒 */

}
    
.boxString{
    width: 100%;
    height: 650px;
    background: url("../../oa-image/design/dots.png")  repeat top center;
    position: absolute;
    left: 0;
    top: 0;
	z-index:20;
}

@media screen and (min-width:501px) and (max-width:800px){
	.main_imgBox {
		height: 350px;
	}

	.main_img {
		height: 350px;
	}
	    
	.boxString{
	    height: 350px;
	}
}
@media screen and (max-width:500px){
	.main_imgBox {
		height: 250px;
	}

	.main_img {
		height: 250px;
	}
	    
	.boxString{
	    height: 250px;
	}
}
.main_img:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s; }

.main_img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }

.main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; }

.main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; }

.main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; }
	
/* 枚数に合わせて変更 ＋6秒
.main_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; }
*/
@-webkit-keyframes maru {
	0% {
        opacity: 0;
        transform: scale(1.2) ;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.0) ;
         z-index:9;
    }
    100% { opacity: 0; }
}

@keyframes anime {
	0% {
        opacity: 0;
        transform: scale(1.2) ;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.0) ;
         z-index:9;
    }
    100% { opacity: 0; }
}

/* ラジオ -----------------------------------------------*/
/* 表示のみ　選択不可 -----------------------------------*/
.boxRadio{
	display: none; /* 表示する場合は削除 */
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 25px;
	z-index:21;
}

.main_pos {
	color: #CCC;
	font-size: 150%;
    -webkit-animation: maru 30s 0s infinite;	/* 枚数に合わせて変更 ＋6秒 */
    animation: maru 30s 0s infinite; 			/* 枚数に合わせて変更 ＋6秒 */
}
.main_pos:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s; }

.main_pos:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }

.main_pos:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; }

.main_pos:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; }

.main_pos:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; }

@-webkit-keyframes maru {
	0% {color: red;}
    100% { color: white; }
}

@keyframes maru { /* 5枚分 */
	0% {color: #555;}
	20% {color: #555;}
	23% {color: #CCC;}
}