@charset “UTF-8”;
html{
min-height: 100%;
position: relative;
}
body{
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-image: url('../img/bg.jpg');
 }
.cont{
text-align:center;
margin:50px auto;
font-family: 'Noto Sans JP', sans-serif;
background-color:rgba(255,255,255,0.7);
padding:30px;
}
.por1 h1{
font-family: 'Dancing Script', cursive;
font-size:3em;
}
.btn a{
color:#fff;
text-decoration:none;
display:block;
padding: 20px;
background:#333;
width:50%;
margin:40px auto;
font-size:1.5em;
border-radius:30px;
}
.btn a:hover{
background:#2a83a2;
}
footer{
text-align:center;
margin:0 auto;
font-size:1em;
color:#fff;
background:#333;
padding:10px 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
}
@media only screen and (max-width: 640px) {
.cont{
margin:60px auto;
padding:20px;
}
.por1 h1{
font-size:2em;
}
.btn a{
padding: 15px;
width:84%;
font-size:1.2em;
border-radius:20px;
}
}