@charset "UTF-8";

.dis_box{
  position: relative;
  margin:0 auto;
  padding: 0px;
  width: 100%;
}

.dis{
	position: absolute;
	z-index: 3;
	margin: 0;
	padding: 0px;
	animation:dis 3s;
    -moz-animation:dis 3s; /* Firefox */
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -webkit-animation:dis 3s; /* Safari and Chrome */
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -o-animation:dis 3s; /* Opera */
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
}



.dis img{
       width: 271px;
	   height: auto;
	}


@media only screen and (min-width: 769px){
    
    .dis{
	    right: 206px;
	    top: 44px;
    }


    .dis_box{
	    max-width: 768px;
	}

	.dis img{
        width: 236px;
	}

}

@media only screen and (min-width: 940px){
    
    .dis{
	    right: 276px;
	    top: 66px;
    }


    .dis_box{
	    max-width: 940px;
	}

	.dis img{
        width: 260px;
	}

}

@media only screen and (min-width: 1170px){

    .dis{
	    right: 336px;
	    top: 74px;
    }

    .dis_box{
	    max-width: 1170px;
	}

	.dis img{
        width: 330px;
	}
}


@keyframes dis {
		0%   {transform: scale(1)}
		25%  {transform: scale(0.95)}
		50%  {transform: scale(0.9)}
		75%  {transform: scale(0.95)}
		100% {transform: scale(1)} 
	}
	/**
	@-moz-keyframes dis {
		0%   {transform: rotate( 0deg)}
		25%  {transform: rotate(-5deg)}
		50%  {transform: rotate(-10deg)}
		75%  {transform: rotate(-5deg)}
		100% {transform: rotate( 0deg)}
	}
	@-webkit-keyframes dis {
		0%   {transform: rotate( 0deg)}
		25%  {transform: rotate(-5deg)}
		50%  {transform: rotate(-10deg)}
		75%  {transform: rotate(-5deg)}
		100% {transform: rotate( 0deg)}
	}
	@-o-keyframes dis {
		0%   {transform: rotate( 0deg)}
		25%  {transform: rotate(-5deg)}
		50%  {transform: rotate(-10deg)}
		75%  {transform: rotate(-5deg)}
		100% {transform: rotate( 0deg)}
	}