@charset "utf-8";


/*基本設定-----------------------------------------*/
/* 隙間なく表示させるおまじない */
html, body { 
  margin: 0px;
  padding: 0px;
 }

 body {
    font-family: "Noto Serif JP", serif;
    font-size: 1em;
    color: #333333;
    line-height:1.8em;
    background-color: #ffffff;
    background-image: url(img/usiro.png);
    background-repeat: no-repeat;
    }
 
    /* ページ内全体のリンクの文字色 */
a{text-decoration: none;}
a:link {color: #333333;} 


#icon{
    width: 15%;
    text-align: center;
    position:sticky;
    left:25px;
    margin:5px;
}


#key{
    width: 100%;
    background-size:cover;
    align-items: flex-end;
    top: 100px;
} 

#kiti{
    width: 100%;
    text-align: center;
    position:sticky;
    margin-top:130px;
}

#tuika{
    width: 100%;
    position:relative;
    top:-45px;
    left:210px;
    
}
  
#ha-tohoto{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
  
#name{
    position:relative;
    top:-50px;
    left:165px;
    font-size:20px !important;
    line-height: 20px;
}

#hito{
    position:relative;
    top:-20px;
    left:90px;
    font-size:20px !important;
    line-height: 20px;
}

#hito50{
    position:relative;
    top:-30px;
    left:110px;
    font-size:20px !important;
    line-height: 20px;
}

#hito1{
    position:relative;
    top:-100px;
    left:210px;
    font-size:20px !important;
    line-height: 20px;
}

#hito80{
    position:relative;
    top:-110px;
    left:240px;
    font-size:20px !important;
    line-height: 20px;
}
  
  #sita{
    position: sticky;
    bottom: 0px;
    position: fixed;
    top:710px;
    left:0;
    z-index: 9999;
    width: 100vw;

}
  
