@charset "utf-8";

  /* * {
    border: 1px solid red; 
} */

:root {
    /*
    --main-bg-color: rgb(248, 248, 250);
    --fv-bg-color: rgb(10,10,10);
    --sub-bg-color: rgb(78, 78, 78);
    --main-font-color:rgb(41, 46, 51);
    --sub-font-color: rgb(248, 248, 250);
    --accent-color: #432f2f;
    --header-bg-color: #000;
    --button-color: rgb(78, 78, 78);
    */
    --main-bg-color: rgb(248, 248, 250);
    --fv-bg-color: #111;
    --sub-bg-color: rgb(78, 78, 78);
    --main-font-color:rgb(41, 46, 51);
    --sub-font-color: rgb(248, 248, 250);
    --accent-color: rgb(192, 230, 128);
    --header-bg-color: rgb(248, 248, 250);
    --button-color: rgb(78, 78, 78);

}

html{
    scroll-behavior: smooth;
}

 
 body {
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    background-color: var(--main-bg-color);
}



 canvas {
    display: block;
}

a{
    color: inherit;
    text-decoration: none;
}

ul{
    list-style: none;
    padding: 0;
}

h2 {
    font-size: 2rem;
    color: var(--main-font-color);
    margin-bottom: 1rem;
}

section{
    padding: 100px 5%; /* 上下左右の余白を追加 */
}

p {
    font-size: 1rem;
    margin-bottom: 2rem;
    line-height: 150%;
}

img{
    filter: grayscale(50%);
}


/* メインタイトルのデザイン共通化 */
.main-title-wrapper{
    text-align:center;
    font-size: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
.main-title{
    position:relative;
    display:inline-block;
    padding:0;
}