body{
    background-image: url(../img_story2/background.white.png);
    background-repeat: no-repeat;
    background-size: 100vw;
    color:white;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size:13px;
}

.skip{
    width: 20vw;
    position: absolute;
    top:10vw;
    right:8vw;
}

.place{
    width:80vw;
    position: absolute;
    top:19vw;
    left:10vw;
}


.back{
    width:2vw;
    position: absolute;
    top:150vw;
    left:8vw;
}

.next{
    width:2vw;
    position: absolute;
    top:150vw;
    right:8vw;
}

.textBox{
    width:90vw;
    margin: 5vw auto;
}

.textBoxImg{
    width:90vw;
}

.text1{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-28vw);

}


.parent{
    position: relative;
    top:127vw;
}

.text2{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-30vw);

}

.text3{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-29vw);
}

.special1{
    width: 80vw;
    position: absolute;
    top:17vw;
    left:10vw;
}

.special2{
    width: 60vw;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top:16vw;
    left:20vw;
}

.special3{
    width: 40vw;
    position: absolute;
    top:17vw;
    left:53vw;
}

.clickBack{
    display: inline-block;
    width: 44vw;
    height:36vw;



    position: absolute;
    left:5vw;
    top:133vw;

    z-index: 10;
}

.clickNext{
    display: inline-block;
    
    width: 44vw;
    height:36vw;



    position: absolute;
    right:5vw;
    top:133vw;

    z-index: 10;
    
}