* {
    margin: 0;
    padding: 0;
}

img{
    margin: 0;
    padding: 0;
    width: 100%;
    vertical-align:top;
}

.content{
    margin: 0 auto;
    overflow: hidden;
}

.about,.box_01-04,.box_05,.box_06-07,.box_08,.box_09,.foot{
    margin: 0;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
}

.box_05{
    background-color: #205077;
}

.box_08{
    background-color: #e4d5be;
}

.fadein {
    opacity: 0;
    transform: translate(0, 10px);
    transition: all 1s;
    z-index: -10000;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
    z-index: -10000;
}

.fadein_l {
    opacity: 0;
    transform: translate(-50px, 0px);
    transition: all 1s;
    z-index: -10000;
}

.fadein_l.scrollin_l {
    opacity: 1;
    transform: translate(0, 0);
    z-index: -10000;
}

.fadein_r {
    opacity: 0;
    transform: translate(50px, 0px);
    transition: all 1s;
    z-index: -10000;
}

.fadein_r.scrollin_r {
    opacity: 1;
    transform: translate(0, 0);
    z-index: -10000;
}