@charset "utf-8";

body{
    background-image: url(shikaku_image/haikei2.svg), linear-gradient(180deg,#8de7fb 20% ,#c7fedb 98%,#F5FCFF 100%);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: cover;
}



#setumei1{
    font-family: 'Dela Gothic One', serif;
    font-size: 30px;
    margin-top: 70px;
    text-align: center;
    color:#000000;
}

#setumei2{
    font-family: 'Dela Gothic One', serif;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    color:#000000;
}

#setumei3{
    font-family: 'Dela Gothic One', serif;
    font-size: 24px;
    margin-top: 20px;
    text-align: center;
    color:#000000;
}

#setumei4{
    font-family: 'Dela Gothic One', serif;
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    color:#F5FCFF;
    -webkit-text-stroke: 1px hwb(203 9% 82%);
}


#hito img{
 margin-top:  100px; 
 width: 70%;
 display: inline-block;
 justify-content: center;
 display: block;
}


details {
    width: 100%;
    font-family: 'Dela Gothic One', serif;
    border: 2px solid #8de7fb;
    border-radius : 36px; 
  }
  details:not(:last-child) {
    margin-bottom: 20px;
  }
  
 
  details summary {
    list-style: none;
    cursor: pointer;
    padding: 15px;
    
    color: #000000;;
    font-size: 20px;
    font-weight: bold;
    border-radius : 36px; 
    background: #F5FCFF;
  }

  p{
    color: #F5FCFF;
    -webkit-text-stroke: 1px hwb(203 9% 82%);
  }

  #topmodoru img{
    margin-left: 85%;
    width: 15%;
    margin-bottom:10px;
  }


  #rogo img{
    width: 25%;
    margin: auto;
    display: flex;
    justify-content: center;
    display: block;
    margin-bottom: 20px;
     
   }