html{width: 100%;height: 100%; background-image:url(../images/23_02.png);background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center}

    


.preview-box{margin: 15px 0 0 0;}
.preview-box__list{width: calc(100%/3 - 60px);margin: 10px 15px;}
.fancybox{position: relative;width: 100%;height: auto;display: block;}
.fancybox img{width: 100%;height: auto;display: block;}
.intro-content-status{margin:  0 15px;}
.intro-title{margin: 20px 0;}





@media only screen and (max-width:1024px)
{
    .preview-box__list{width: calc(100%/2 - 30px);}

}