/* ------------------------------------------------- */
/* --- タイトル画像 --- */
/* ------------------------------------------------- */
.taitle-intro {
    z-index: +0;
    display                 : flex ;
    display                 : -webkit-flex ;
    display                 : -moz-flex ;
    display                 : -ms-flex ;
    display                 : -o-flex ;
    -webkit-justify-content : center ;
    justify-content         : center ;
    -webkit-align-items     : center ;
    align-items             : center ;
    text-align              : center ;
    width                   : 100%;
    height                  : 40vmin;
    background              : url("../images/taitle-introduction1.png") ;
    background-repeat       : no-repeat ;
    background-position     : 50% 50% ;
	background-size         : 100% ;
    border-bottom           : 1px solid rgb(200,200,200);
    margin-bottom           : 5vmin;
    font-size               : 6vmin;
    color                   : rgb(255,255,255);
    font-weight             : 600;
    letter-spacing          : 0.3vmin;
    font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 10px ;
    animation               : move-intro 8.0s linear ;
    animation-fill-mode     : both ;
  }
  @keyframes  move-intro {
    0%    { background-position : 50% 100% ;}
    100%  { background-position : 50% 50% ;}
  }

.taitle-intro::after {
    position: absolute;
    content: "検証のはじめに";
    display                 : flex ;
    display                 : -webkit-flex ;
    display                 : -moz-flex ;
    display                 : -ms-flex ;
    display                 : -o-flex ;
    -webkit-justify-content : center ;
    justify-content         : center ;
    -webkit-align-items     : center ;
    align-items             : center ;
    text-align              : center ;
    z-index                 : +2;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 40vmin;
    background              : url("../images/taitle-introduction2.png") ;
    background-repeat       : no-repeat ;
    background-position     : 50% 65% ;
	background-size         : 100% ;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 10px ;
    animation               : gradually-intro 8.0s linear ;
    animation-fill-mode     : both ;
    opacity: 0;
}
@keyframes  gradually-intro {
    0%    { opacity: 1; background-position : 50% 0% ;}
    100%  { opacity: 0; background-position : 50% 65% ;}
}

.taitle-final {
    z-index                 : +0;
    display                 : flex ;
    display                 : -webkit-flex ;
    display                 : -moz-flex ;
    display                 : -ms-flex ;
    display                 : -o-flex ;
    -webkit-justify-content : center ;
    justify-content         : center ;
    -webkit-align-items     : center ;
    align-items             : center ;
    text-align              : center ;
    width                   : 100%;
    height                  : 40vmin;
    background              : url("../images/taitle-finaly1.png") ;
    background-repeat       : no-repeat ;
    background-position     : 50% 70% ;
	background-size         : 100% ;
    border-bottom           : 1px solid rgb(200,200,200);
    margin-bottom           : 5vmin;
    font-size               : 6vmin;
    color                   : rgb(255,255,255);
    font-weight             : 600;
    letter-spacing          : 0.3vmin;
    font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 10px ;
    animation               : move-final 8.0s linear ;
    animation-fill-mode     : both ;
  }
  @keyframes  move-final {
    0%    { background-position : 50% 10% ;}
    30%   { opacity: 1; }
    100%  { background-position : 50% 70% ;}
  }
.taitle-final::after {
    position: absolute;
    content: "検証のおわりに";
    display                 : flex ;
    display                 : -webkit-flex ;
    display                 : -moz-flex ;
    display                 : -ms-flex ;
    display                 : -o-flex ;
    -webkit-justify-content : center ;
    justify-content         : center ;
    -webkit-align-items     : center ;
    align-items             : center ;
    text-align              : center ;
    z-index                 : +2;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 40vmin;
    background              : url("../images/taitle-finaly2.png") ;
    background-repeat       : no-repeat ;
    background-position     : 50% 25% ;
	background-size         : 100% ;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 10px ;
    animation               : gradually-final 8.0s linear ;
    animation-fill-mode     : both ;
    opacity: 0;
}
@keyframes  gradually-final {
    0%    { opacity: 1; background-position : 50% 75% ;}
    30%   { opacity: 1; }
    100%  { opacity: 0; background-position : 50% 25% ;}
}

/* ------------------------------------------------- */
/* --- テキストエリア --- */

.intro-final-container {
    z-index                 : +0;
    position                : relative ;
    width                   : 86vw ;
    text-align              : justify ;
    margin                  : 5vmin auto 5vmin auto ;
    font-size               : 3.2vw ;
    color                   : rgb(30,30,30);
    line-height             : 6.4vw ;
    font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}