/* 隙間をゼロにする */
* {
    margin: 0; /* 要素外部の余白をゼロにする */
    padding: 0; /* 要素内部の余白をゼロにする */
}

body {
    color: #333333; /* フォントのカラーを設定*/
    width: 100%; /*幅をウインドウの100％にする*/
    /*background-color: #e0ffff; /* 背景色 */
    background: linear-gradient(#7fffd4,#f0e68c); /*背景をグラデーションにする*/
}



table {
    margin: 0 auto; /* この要素を左右中央に配置する */
}

.message {
    width:70%; /* 幅 */
    margin: 0 auto; /* この要素を左右中央に配置する */
    border: solid 5px #7fffd4; /* 枠線 */
    padding: 30px; /* 要素内余白 */
}

ol {
    padding: 10px 10px 10px 40px; /* 余白 */
}

a {
    color:#1e90ff; /* リンク色 */
    text-decoration: none; /* リンクの下線なし */
}

/* レスポンシブ用 タブレット、スマホ */
@media screen and (max-width: 850px) {

.header {
    background-color: #ffffff; /* 背景色 */
    background: rgba(255, 255, 255, 0); /* 背景色と透過の設定*/
    width: 100%; /* 幅の指定 */
    height: 200px; /*高さの指定*/
    margin: 0 auto; /* この要素を左右中央に配置する */
}

h1{
    text-align: center;
    width:80%;
    /*line-height: 200px;*/
    background: rgba(255, 255, 255, 1); /* 背景色と透過の設定*/
    /*background: linear-gradient(#e0ffff,#fffacd); /*背景をグラデーションにする*/
    margin: 0 auto; /* この要素を左右中央に配置する */
    padding: 30px 0 30px 0; /* 余白 */
}

.wrap {
    width: 80%; /* 幅を親要素の60%にする */
    /*height: 100%; /* 高さ */
    /*height: 100vh; /*高さをウインドウの100%にする*/
    margin: 0 auto; /* この要素を左右中央に配置する */
    background: rgba(255, 255, 255, 1); /* 背景色と透過の設定*/
}

th {
    padding: 40px; /* 要素内部の余白を設定 */
    background-color: #fffacd; /* 背景色 */
    /*background-image: url(../img/blue_yellow_gradation.png); /* 背景画像のURL */
    /*background-size: 100%; /* 背景画像のサイズ */
    /*background-repeat:no-repeat; /*背景画像の繰り返しなし*/
    /*border-radius:120px 20px 120px 20px / 20px 120px 20px 120px; /* 角の丸さ */
}

video {
    width:560px; /* 幅 */
    height:280px; /* 高さ */
}

}

/* レスポンシブ用 PC*/
@media screen and (min-width: 851px) {

.header {
    /*background-color: #7fffd4; /* 背景色 */
    background: rgba(255, 255, 255, 0); /* 背景色と透過の設定*/
    width: 100%; /* 幅の指定 */
    /*height: 200px; /*高さの指定*/
    /*background-image: url(../img/blue_yellow_gradation.png); /* 背景画像のURL */
    /*background-size: 100%; /* 背景画像のサイズ */
    /*background-repeat:no-repeat; /*背景画像の繰り返しなし*/
    margin: 0 auto; /* この要素を左右中央に配置する */
    padding: 30px 0 30px 0; /* 余白 */
}

.box {
    width:70%;/* 幅 */
    margin: 0 auto; /* この要素を左右中央に配置する */
    background-image: url(../img/blue_yellow_gradation.png); /* 背景画像のURL */
    background-size: 100%; /* 背景画像のサイズ */
    background-repeat:no-repeat; /*背景画像の繰り返しなし*/
    border-radius:120px 20px 120px 20px / 20px 120px 20px 120px; /* 角の丸さ */
    /*padding:30px 30px 30px 30px;/* 要素内余白 */
}

h1{
    text-align: center;
    width:70%;
    /*line-height: 200px;*/
    /*background-color: #fffacd; /* 背景色 */
    background: rgba(255, 255, 255, 1); /* 背景色と透過の設定*/
    /*background: linear-gradient(#ffffe0,#ffffff); /*背景をグラデーションにする*/
    /*background-image: url(../img/blue_yellow_gradation.png); /* 背景画像のURL */
    /*background-size: 100%; /* 背景画像のサイズ */
    /*background-repeat:no-repeat; /*背景画像の繰り返しなし*/
    margin: 0 auto; /* この要素を左右中央に配置する */
    /*border-radius:30px 30px 30px 30px / 30px 30px 30px 30px; /* 角の丸さ */
    padding: 30px 0 30px 0; /* 余白 */
}

.wrap {
    width: 70%; /* 幅を親要素の60%にする */
    /*height: 100%; /* 高さ */
    /*height: 100vh; /*高さをウインドウの100%にする*/
    margin: 0 auto; /* この要素を左右中央に配置する */
    background: rgba(255, 255, 255, 1); /* 背景色と透過の設定*/
    border-radius:120px 20px 120px 20px / 20px 120px 20px 120px; /* 角の丸さ */
}

th {
    padding: 40px; /* 要素内部の余白を設定 */
    background-color: #fffacd; /* 背景色 */
    /*background-image: url(../img/blue_yellow_gradation.png); /* 背景画像のURL */
    /*background-size: 100%; /* 背景画像のサイズ */
    /*background-repeat:no-repeat; /*背景画像の繰り返しなし*/
    border-radius:120px 20px 120px 20px / 20px 120px 20px 120px; /* 角の丸さ */
}

video {
    width:640px; /* 幅 */
    height:360px; /* 高さ */
}

}