/* CSS Document */
a:hover{color:#0000ff;text-decoration:NONE}
body {font-family:serif;MS Mincho;Hiragino Mincho ProN; line-height:150%;
}
img{
max-width: 100%;
 height: auto;
}
iframe {
max-width: 100%;
}
video{
max-width: 100%;
 height: auto;
}

table{
max-width:400px;
   line-height:250%;
}
table1{
width:1200px;
}
/* 送信ボタンの大きさ */
.example{
    font-size: 120%;
    font-family:serif;
    width:220px;height:50px; 
    color: white;
  background-color: #0000ff;
}
/* footerを下に着ける */
.wrapper{
    min-height: 30vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

.footer {
width: 100%;
background-color: #000000;
color: #fff;
text-align: center;
padding:30px 0;
position: absolute;/*←絶対位置*/
bottom: 0; /*下に固定*/
}
/* ビデオの設置 */
.container-video {
  position: relative;
  height: 600px;
  overflow: hidden;
  opacity: 0.01;
  animation: load 1.5s 0.8s ease-out forwards;
}
.container-video #video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  transform: translate(-50%, -50%) scale(1.05);
}

@keyframes load {
  100% {
    opacity: 1;
  }
}
.table-center {
  display: table;
  width: 100%;
  position: relative;
  height: 100%;
}
.table-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.table-center > div p {
  color: #fff;
  text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 10px;
  font-size: 2em;
  font-weight: 600;
}

.style0 {background-color: #000033;color:#ffffff;
}
.style {color: #fff200;
}
.style1 {color: #E87B00;
}
.style2 {color: #3c5ee6;
}
.style4 {color: #0000ff;
}
.style3 {
  max-width: 560px;
    font-size:100%;line-height:180%;
}
.style5 {
  max-width: 90%;
  font-size:100%;line-height:150%;
}  
.style7 {font-size:90%;line-height:150%;
}
.style8 {font-size:80%;line-height:90%;
}
.style9 {
max-width:1300px; 
}
.style10 {
  font-size:100%;line-height:130%;
} 
.style11 {color: #ffffff;
}

 /* 横に並べる */ 
.df {
  display: -webkit-flex;
  display: flex;
 -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  }
  
 /* 画面の大きさ */ 
#container{
	max-width:1000px;
	margin:0 3%;
	margin:0 auto;
}
#ryouri{
max-width:860px;
} 
 /* 余白を開ける */ 
#yohaku{
max-width:98%;
} 
#abc{
	max-width:600px;
	margin:0 3%;
}
 /* 文字の折り返し */ 
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; 
    }
    }
  /* 動画の上に文字を載せる */  
 .kasaneru{
  position: relative;/*親要素にrelative*/
}
.kasaneru p{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 1.8rem;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/

} 

    	}