/* モバイル */

@media screen and (max-width: 767px){

    body,html {
      width: 100%;
      height:100%;
      margin: 0;
      padding: 0;
    }

    .block-one {
    z-index                 : -1;
    background-color        : #FFFFFF;
    background-image        : url('../../intro_white_top.png');
    background-repeat       : no-repeat;
    background-size         : cover;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
    }

    .block-two {
      display: none;
      height: 100%;
      height: 1000px;
      background: #FFFFFF;
      background-attachment: fixed;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
    }

.sampleBox {
    height: 100%;
    position: relative;
}
.sampleBox img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.copyright {
    color: #333333;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    }

}
img {
	max-width : 100% ;
	height : auto ;
}

/* タブレット */

@media screen and (min-width:768px) and (max-width:1024px){

    body,html {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .block-one {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #FFFFFF;
      background-image: url("../../intro_white.png");
      background-attachment: fixed;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
    }

    .block-two {
      display: none;
      height: 100%;
      height: 1767px;
      background: #FFFFFF;
      background-attachment: fixed;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
    }

.sampleBox {
    height: 100%;
    position: relative;
}
.sampleBox img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.copyright {
    color: #333333;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    }

}

/* パソコン */

@media screen and (min-width:1025px) and (max-width:2046px){

    body,html {

      height: 100%;
      margin: 0;
      padding: 0;
    }

    .block-one {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #FFFFFF;
      background-image: url("../../intro_white.png");
      background-attachment: fixed;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
    }

    .block-two {
      display: none;
      height: 100%;
      height: 1767px;
      background: #FFFFFF;
      background-attachment: fixed;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
    }

.sampleBox {
    height: 100%;
    position: relative;
}
.sampleBox img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.copyright {
    color: #333333;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    }

}