body {
  background-image: url("../img/back.jpg");
  background-repeat: repeat;
}

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); }


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

.logo img {
width: 8%;
}

.text {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
width: 70%;
margin:  auto;
text-align: center;
position: relative;
color: #666666;
}
.text p {
text-align: left;
display: inline-block;
position: relative;
font-size: 0.9em;
}

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;
}

h2{
width: 100%;
text-align: center;
font-weight: bold;
margin:50px auto 0px auto;
color: blue;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 1.5em;
}

h3{
width: 100%;
text-align: center;
font-weight: bold;
margin:50px auto 0px auto;
color: orange;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 1.5em;
}



p {
text-align: center;
font-size: 0.9em;
margin:10px auto 20px auto;
color: #666666;
}

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

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

.table_01{
width: 80%;
border-style:none;
text-align: center;  
margin: 0px auto;  
}
      
.table_01 td{
width:20%;
border-style:none; 
text-align: center;
padding: 2px;
}


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

.table_01 img{
width:80%;
border-style:none; 
text-align: center;
}
}



.table_02{
width: 80%;
border-style:none;
text-align: center;  
margin: 0px auto;  
}

.table_02 td{
width:20%;
border-style:none; 
text-align: left;
padding: 4px;
}

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

.table_02 img{
width:30%;
border-style:none; 
text-align: left;
}
}




.table_03{
width: 80%;
border-style:none;
text-align: center;  
margin: 0px auto;  
}

.table_03 td{
width:20%;
border-style:none; 
text-align: left;
padding: 4px;
}


@media screen and (max-width: 600px) {
.table_03{
width: 85%;
display:none;
}

.table_03 img{
width:30%;
border-style:none; 
text-align: left;

}
}

.table_04{
width: 80%;
border-style:none;
text-align: center;  
margin: 0px auto;  
}

.table_04 td{
width:20%;
border-style:none; 
text-align: left;
padding: 4px;
}

.table_04 img{
width:30%;
border-style:none; 
text-align: left;
max-width: 100%;
height: auto;

}

@media screen and (min-width: 599px) {
.table_04{
width: 85%;
display:none;
}

}