@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

body{
	background-color: #242424;
	font-family: 'Noto Sans JP', sans-serif;
}

a {
  text-decoration: none;
}

h1{
	font-size: clamp(3.05rem, 3.54vi + 2.17rem, 5rem);
	color: #fff;
	text-align: center;
	line-height: 1;
	padding-top: 2vw;
	letter-spacing: 0.05em;
}

.copy{
  color: #fff;
  text-align: center;
  margin: 0px;
  font-size: clamp(1.25rem, 0.61vi + 1.1rem, 1.58rem);
  padding-bottom: 2vw;
  letter-spacing: 0.05em;
}

.grid {
  display: grid;
  margin: 10px 24px;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.item {
  padding: 15px;	
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: #fff;
  text-align: center;
  margin: 0px;
  font-size: clamp(1.56rem, 1vi + 1.31rem, 2.11rem);
  font-weight: bold;
  letter-spacing: 0.05em;
}

span{
	background: linear-gradient(transparent 70% , #b40000 70%);
}


input {
    display: none;
}