/* リセットCSS */
<link href="css/reset.css" rel="stylesheet">



/* 親要素であるコンテナのスタイル */
.containerall {
    position: relative;
    width: 100vw; /* ビューポートの幅に合わせる */
    height: 100vh; /* ビューポートの高さに合わせる */
    display: flex; /* フレックスボックスで中央揃え */
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center; /* 垂直方向の中央揃え */
}


/* 構成1 */
.image1 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 0vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成2 */
.image2 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 56vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成3 */
.image3 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 112.25vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成4 */
.image4 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 168vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成5 */
.image5 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 224vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成6 */
.image6 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 280vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}

/* 構成7 */
.image7 {
    width: 100%;  /* 画面の横幅に合わせて動画の幅を調整 */
    height: auto; /* 縦横比を保持して高さを自動調整 */
    display: block; /* 動画がブロック要素として表示される */
    position: absolute; /* 絶対位置指定 */
    top: 336vw; /* ビューポートの幅の割合で位置が決まる */
    left: 0vw; /* ビューポートの幅の割合で位置が決まる */
}