@charset "utf-8";

html,
body{
margin:0;
padding:0;
}

body {
background:#47bcc6;
font-size:16px;
color:#ffffff;
font-family :"Noto Sans JP", sans-serif;
}

#teaser{display:block;width:100%;max-width:320px;padding:30px;margin:0 auto;box-sizing:border-box;}

header{padding-top:50%;margin-bottom:150px;}
header h1{margin:0;}
#logo img{display:block;width:100%;height:auto;}

nav{margin-bottom:120px;}

.link-button {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:50px;
margin-bottom:35px;
border:1px solid rgba(255, 255, 255, 0.95);
color:var(--white);
text-decoration:none;
font-size:16px;
font-weight:700;
line-height:1;
letter-spacing:0.08em;
transition:background-color 0.2s ease, color 0.2s ease;
text-align:center;
}


.link-button:hover,
.link-button:focus-visible {
background:rgba(255, 255, 255, 0.16);
}

#copyright {
color:var(--white);
font-size:10px;
text-align:center;
}

@media (max-width:767px) {
}