body{
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  background-image: url("../img/back.jpg");
  background-repeat: repeat;
  text-align: center;
  }

a{text-decoration:none;}
a:link { color: rgb(70, 40, 123); }
a:visited { color: rgb(70, 40, 123); }
a:hover { color: #9000FF; }
a:active { color: rgb(70, 40, 123); }

p {
color: #666666;
font-size: 0.9em;
}

.logo {
text-align: center;
margin:5% auto 1% auto;
position: relative;
z-index: 0;
}

.logo img {
width: 8%;
}

h1{
width: 100%;
text-align: center;
font-weight: bold;
margin:0px auto;
color: rgb(147, 137, 167);
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 1em;
}

p {
text-align: center;
margin: auto;
color: #898694;
}

.copy {
text-align: center;
font-size: 0.8em;
margin:20px auto 20px auto;
color: #666666;
}

.table_01 p{
font-size: 2em;
}

@media screen and (max-width: 600px) {
.copy{
text-align: left;
    }
}

.table_01{
width: 60%;
border-style:none;  
margin: 10px auto;     
}
      
.table_01 td{
width:20%;
border-style:none; 
text-align: center;
padding:4%;
background-color:rgb(241, 239, 248);
}

.table_01 p{
font-size: 1.5em;
}

.table_02 p{
font-size: 1.5em;
}


@media screen and (max-width: 850px) {
.table_01 img{
width:90%;
}
}

.table_02{
	width: 60%;
border-style:none;  
margin: 10px auto;       
}
      
.table_02 td{
width:20%;
border-style:none; 
text-align: center;
padding:4%;
background-color:black;
}

.table_02 img{
border-style:none; 
text-align: center;
}

.table_02 p{
font-size: 1.5em;
}

@media screen and (max-width: 850px) {
.table_02 img{
width:90%;
}
}