1. 意図に合わせた使い分けが重要！ visibility: hidden と display: none のメリットとデメリット
   visibility: hidden: 要素は非表示になりますが、スペースは保持されます。つまり、他の要素はその存在を認識し、その分のスペースを空けてくれます。display: none: 要素は非表示になり、スペースも占有しなくなります。他の要素はあたかもその要素が存在しないかのように配置されます。