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

a{text-decoration:none;
line-height:1.5em;}
a:link { color: #382553; }
a:visited { color: #554ea3; }
a:hover { color: #554ea3; }
a:active { color: #382553; }

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

.logo img {
width: 10%;
}


h1{
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bold;
width: 550%;
margin: 6% auto 1% auto;
text-align: left;
color: rgb(98, 98, 98);
font-size: 1.5em;
}

.text {
margin:  auto;
text-align: center;	
width: 50%;
text-align: left;
}
.text p {
text-align: left;
display: inline-block;
color: rgb(75, 75, 75);
}

@media screen and (max-width: 600px) {
.text {
width: 50%;
margin:  auto;
text-align: left;	
}
.text p {
text-align: left;
display: inline-block;
}
}

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

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

@media screen and (max-width: 600px) {

.copy {
width: 87%;
margin:  auto;
text-align: center;	
}
.copy p {
text-align: left;
display: inline-block;
}
}