/*body {background-color:#CCCCCC;}*/
body{background-color:black;}

p{
    font-seze: 20px;
}

.test{
    color:red;
}

h3{
    margin:  0 auto;                 /* デフォルトCSS打ち消し */
    width: 80%;
    line-height: 1.6;             /* 行間調整 */
    font-size: 16px;
    color: #3cb371;
    background-color: white;
/*    text-decoration: underline;*/
}


.head_test {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  24px;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
}
p {
    margin:  0 auto;                 /* デフォルトCSS打ち消し */
    width: 80%;
    line-height: 1.6;             /* 行間調整 */
    font-size: 15px;
    color: black;
    background-color: white;
}

.head_test:before {
    content:  '';                   /* 空白の要素を作る */
    width: 50px;                    /* 幅指定 */
    height: 3px;                    /* 高さ指定 */
    background-color: #42a6ff;      /* 背景色指定 */
    display: block;                /* ブロック要素にする */
    position:  absolute;            /* 位置調整 */
    left:  0;                       /* 位置調整 */
    bottom: -3px;                   /* 位置調整 */
}

.thetis {
    margin: 0 auto;
    width: 79.6%;
/*    border-left: 6px solid #3498db; */
    border-left: 6px solid springgreen;
    font-size: 18px;
    background-color: aliceblue;
    display: block;
}

.thetis:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ccc;
}



.btn-flat-logo {
    position: absolute;
    z-index: 0;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
    border-radius: 5px;
    left: 10pt;
    top:50pt;
}

.btn-flat-logo:hover {
  background: #1ec7bb;
}

.wrap-video{
    position:relative;
}

.wrap-video video{
    width: 100%;
    height: 100%;
}

.wrap-video .text{
    position: absolute;
    top: 15%;
    left: 29%;
    -webkit-transpform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    text-align:left;
    white-space: nowrap;
}


.wrap-video .text p{
    font-size: 60px;
    font-weight: bold;
    color: white;
    background-color: transparent;
}