body {font-family: "source sans pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
}
a{
text-decoration:none;
color:#ffffff;
}
a:link{
color:#ffffff;}
h2 a{
text-decoration:none;
color:#ffffff;
display:block;}
h2 a:link{
color:#ffffff;}

.container_wrap {
display:table;
width:100vw;
height:100vh;

}
.container {
display:table-cell;

vertical-align:middle;}

@media screen and (min-width: 781px) {




h1 {
font-size:30px;
letter-spacing:6px;
text-align:center;
color:#ffffff;
font-weight:100;
text-shadow: 0px 0px 10px #000;
line-height:1.1;
}
h1 span{
font-size:14px;}
h2{
/*width:40%;
background-color:rgba(255,255,255,0.5);*/
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:18px;
font-weight:400;
cursor:pointer;
display:block;
font-weight:100;

}
h3{
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:18px;
font-weight:100;
}
}





@media screen and (min-width: 481px) and (max-width: 780px) {

h1 {
font-size:28px;
letter-spacing:6px;
text-align:center;
padding:0px ;
color:#ffffff;
font-weight:100;
text-shadow: 0px 0px 10px #000;

}
h1 span{
font-size:12px;}
h2{
/*width:40%;
background-color:rgba(255,255,255,0.5);*/
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:18px;
font-weight:400;
cursor:pointer;
display:block;
font-weight:100;

}
h3{
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:18px;
font-weight:100;
}
}
@media screen and (max-width: 481px) {

h1 {
font-size:24px;
letter-spacing:6px;
text-align:center;
padding:0px ;
color:#ffffff;
font-weight:100;
text-shadow: 0px 0px 10px #000;
line-height:1.2;
}
h1 span{
font-size:12px;}
h2{
/*width:40%;
background-color:rgba(255,255,255,0.5);*/
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:20px;
font-weight:400;
cursor:pointer;
display:block;
font-weight:100;

}
h3{
color:#ffffff;
text-align:center;
text-shadow: 0px 0px 10px #000;
font-size:20px;
font-weight:100;
}

}