@charset "utf-8";
main {
    position: relative;
}
/* about *******/
#about {
    position: relative;
}
#about .movie {
    position: absolute;
    bottom: 0;
    right: 0;
}
#about .movie .copy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media only screen and (min-width:700px) {
    #about .movie {
        width: calc(677/1350 * 100%);
        top: 0;
    }
}
/***************/
/* information */
#information {
    position: relative;
}
#information .body {
    position: absolute;
    top: 0;
    right: 0;
    width: calc((709/2)/375 * 100%);
}
#information .body a {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc((252/2)/355 * 100%);
}
@media only screen and (min-width:700px) {
    #information .body {
        width: calc(677/1350 * 100%);
    }
    #information .body a {
        width: calc(150/677 * 100%);
    }
}
/***************/