/* 球体 */
.particleContainer {
width: 100%;
position: relative;
}

#particles-js3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -20;
}

#particles-js4 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -20;
}




/* FV */
#fvContainer {
width: 100%;
height: 550px;
position: relative;
}

h1 {
font-size: 40px;
letter-spacing: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;
}




/* タイトル */
.title {
width: 90%;
margin: 0 auto;
text-align: center;
}

.title p {
font-size: 20px;
}

.title p span:nth-last-of-type(3n + 1) {
color: var(--secondaryColor);
}
.title p span:nth-last-of-type(3n + 2) {
color: var(--thirdColor);
}
.title p span:nth-last-of-type(3n) {
color: var(--primaryColor);
}

.title h2 {
font-size: 37px;
line-height: 1.6;
}










@media (max-width: 1024px) {
/* FV */
#fvContainer {
/* width: 100%; */
height: 400px;
/* position: relative; */
}

/* h1 {
font-size: 40px;
letter-spacing: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;
} */





/* タイトル */
/* .title {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.title p {
  font-size: 20px;
}

.title p span:nth-last-of-type(3n + 1) {
  color: var(--secondaryColor);
}
.title p span:nth-last-of-type(3n + 2) {
  color: var(--thirdColor);
}
.title p span:nth-last-of-type(3n) {
  color: var(--primaryColor);
} */

/* .title h2 {
    font-size: 30px;
    line-height: 1.6;
} */
  
}








@media (max-width: 560px) {
/* FV */
#fvContainer {
/* width: 100%; */
height: 280px;
/* position: relative; */
}

h1 {
font-size: 30px;
letter-spacing: 1px;
white-space: nowrap;
/* position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); */
text-shadow: 0 0 11px #fff, 0 0 11px #fff, 0 0 11px #fff, 0 0 11px #fff;
}





/* タイトル */
/* .title {
width: 90%;
margin: 0 auto;
text-align: center;
} */

.title p {
font-size: 13px;
}

.title p span:nth-last-of-type(3n + 1) {
color: var(--secondaryColor);
}
.title p span:nth-last-of-type(3n + 2) {
color: var(--thirdColor);
}
.title p span:nth-last-of-type(3n) {
color: var(--primaryColor);
} */

.title h2 {
font-size: 23px;
line-height: 1.4;
}

}