body {
	width: 100%;
    margin: 0 auto;
}
/*ヘッダー*/

.head {
	width:50%;
    margin: 0 auto;
}

.h1{
	display:block;
	text-align:center;
}
h1{
	position:relative;
	top:110px;
	font-family: "Broadway";
	font-size: 6vw;
    background: linear-gradient(90deg, #58c6ff 0%, #076ad9 20%, #ff3bef 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    animation: rotation-x 2.5s linear infinite;

    display:inline-block;
}
@keyframes rotation-x {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}

.h2{
	text-align:center;
}
h2 {
	position:relative;
	top:50px;
	font-family: "Nico Moji";
	font-size:4vw;
	color: #000000;
	white-space: nowrap;
	animation: h2 3.5s;
}
@keyframes h2{
  0% {
    transform: translateY(-400px);
  }
  100% {
    transform: translateY(0);
  }
}

p{
	font-family: "Silkscreen", sans-serif;
	font-size:2vw;
	width:50%;
	text-align:center;
	margin: auto;
}

.silkscreen-regular {
    font-family: "Silkscreen", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom:6px;
}




/*--コンテンツ--*/
#about {
	margin-top:60rem;
	width: fit-content;
	margin: 0 auto;
}
.dq {
	margin-top:100px;
    background-color: #000000;
    padding: 0.15rem;
}
.dq_2 {
    background-color: #ffffff;
    padding: 0.2rem;
    border-radius: 0.3rem;
}
.dq_3 {
    color:#ffffff;
    background-color: #000000;
    font-family: "misaki_gothic_2nd";
    border-radius: 0.3rem;
    padding: 1.0rem 0.75rem;
    line-height: 2;
}

li {
	font-family: "Silkscreen", sans-serif;
	font-weight:bold;
	color:#000;
	font-size:20px;
	list-style-type:"\025b6";
	padding-right:10px;
}

li:hover {
	list-style-type: "\025b6";
	color:#fff;
}
a{
 	text-decoration : none;
}
a,a:hover,a:visited{
    color: #fff;
}
/*フッター*/
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;

}
#footer {
	margin:10px auto;
	border-top: 2px solid #000000;
	padding-top:15px;
	text-align:center;
	color:#000000;
	font-size:20px;

}