@font-face { font-family: "Times Newer Roman"; src: url('TimesNewerRoman-Regular.otf'); }
@font-face { font-family: "Courier Prime"; src: url('CourierPrime-Regular.ttf'); }
/*.pace {*/
/*    -webkit-pointer-events: none;*/
/*    pointer-events: none;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    user-select: none;*/
/*}*/

/*.pace-inactive {*/
/*    display: none;*/
/*}*/

/*.pace .pace-progress {*/
/*    background-color: white;*/
/*    position: fixed;*/
/*    !*z-index: 0;*!*/
/*    top: 0;*/
/*    right: 100%;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*}*/
html,body {
    /*cursor: url(arrow.png), auto;*/
    /*position: fixed;*/
    /*overflow-y: scroll;*/
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    /*display: flex;*/
    /*background: linear-gradient(#86888C 80%, #E9E7EB 100%);*/
    /*background-attachment: fixed;*/
    /*transition: background-color 0s;*/
}
a, p, div {
    /* text-decoration: none; */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* font-family: "Times Newer Roman", Times, "Times New Roman", "Songti SC", 宋体, STSong, Simsun, "Noto Serif CJK SC", "Source Han Serif SC", "‘Source Han Serif’", source-han-serif-sc, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; */
    font-weight: normal;
    line-height: 18px;
    /*letter-spacing: 0.1px;*/
    color: #000000;
    /*hyphens: auto;*/
    /*-webkit-hyphens: auto;*/
    /*-moz-hyphens: auto;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}
::selection {
    background: grey;
}
::-moz-selection {
    background: grey;
}
::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}
.container{
    margin: 0px auto;
    max-width: 90vw;
}
#topleft{
    position: relative;
    top: 15px;
    left: 0px;
    font-size: 12px;
    line-height: 20px;
}
.box1{
    height: 40vw;
}
.box1 img{
    width: 55vw;
    height: auto;
    position: relative;
    right: 0px;
    float: right;
}
.box2{
    height: 50vw;
}
.box2 img{
    width: 20vw;
    position:relative;
    top:50px;
    left:0px;
}
.content-img{
    width: 100vw;
}
.content{
    font-size: 0;
    line-height: 0;
}
.text{
    /* position: absolute;
    top: 100%; */
    /*width: 40%;*/
    /*left: 30%;*/
    margin:5px auto;
    width: 70vw;
    color: #000000;
    font-size: 12px;
    line-height: 17px;
    /* transform: scaleX(0.9); */
}
.video{
    margin-top: 5vw;
    width: auto;
    /* max-width: 90vw;
    left: 50%;
    max-height: 90%; */
    /* position: fixed;
    top: 50%; */
    /* transform: translate(-50%,-50%); */
}
@media screen and  (min-width: 500px) and (max-width: 1000px) {
}
@media (max-width: 500px),  (max-aspect-ratio: 1/1){
    .text{
        font-size: 3vw;line-height: 5vw;
    }
    #topleft{
        font-size: 3vw;
        line-height: 5vw;
        top: 3vw;
        left: 0;
    }
}
@keyframes moving {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes moving1 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}