* {
margin: 0;
padding: 0;
}
body {
color: #000;
text-align: left;
line-height: 1.6;
background-color: #fff;
font-family: "Helvetica","Yu Gothic","Hiragino Sans", sans-serif;
}
a:link {
color: #000;
text-decoration: underline;
}
a:visited {
color: #000;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active {
color: #000;
text-decoration: none;
}
img {
border: none;
}
#container {
display: flex;
flex-direction: column;
min-height: 80vh;
margin:3em auto;
}
h1 {
font-family: trumpgothicpro, sans-serif;
font-weight: 700;
font-style: normal;
font-size:2em;
letter-spacing:0.3em;
text-align:center;
}
footer{
margin-top: auto;
text-align:center;
}




@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
img {
max-width: 960px;
}
	
}



@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
#container {
display: flex;
flex-direction: column;
min-height: 86vh;
margin:60px 100px 0px 100px;
box-sizing: border-box;
}
h1 {
text-align:left;
}
img {
max-width: 100%;
}
footer{
margin-top: auto;
text-align:left;
}

}