@charset"UTF-8";  

.PR {
  position: absolute;/*絶対配置*/
  color: yellow;/*文字色*/
  white-space: nowrap;
  font-size:2em;    
  top: 5%;
  left:50%;
     -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  }

.title{
    position: absolute;
    font-family:fantasy;
    font-size: 4em;
    color: yellow;
    top:30%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);    
}

.MC{
    position: absolute;
    font-size: 1.2em;
    color: yellow;
    white-space: nowrap;
    bottom: 15%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);  
}

.denso{
    position: absolute;
    font-size: 25px;
    color: yellow;
    white-space: nowrap;
    bottom: 5%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%); 
    
}




.exam {
  position: absolute;
  }

.exam1 {
  position: absolute;
  top: 60%;
  left: 20%;  
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);

  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 25px;/*文字サイズ*/
  border: solid yellow 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: yellow;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.exam2 {
  position: absolute;
  top: 60%;
  left: 35%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);

  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 25px;/*文字サイズ*/
  border: solid yellow 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: yellow;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.exam3 {
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);

  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 25px;/*文字サイズ*/
  border: solid yellow 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: yellow;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.exam4 {
  position: absolute;
  top: 60%;
  left: 65%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);

  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 25px;/*文字サイズ*/
  border: solid yellow 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: yellow;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }


.exam a:hover{/*カーソルを当てたとき*/
  font-size: 2em;    
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }


.exam img {
  width: 100%;
  }