@charset "utf-8";
body{
    background-image: url(images/backgroundimage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #FFD3BF;
    background-position: 0px 50px;
}


.modal-wrapper {
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 60px 10px;
    text-align: center
  }
  
  .modal-wrapper:not(:target) {
    opacity: 0;
    visibility: hidden;
    
    top: 200px;
    transition: opacity .3s, visibility .3s;
  }
  
  .modal-wrapper:target {
    opacity: 1;
    visibility: visible;
    position: 100px;
    transition: opacity .4s, visibility .4s;
  }
  
  .modal-wrapper::after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    vertical-align: middle;
    content: ""
  }
  
  .modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 100;
    position: absolute;
    left: -1px;
    top: 63px;
    width: 102%;
    max-width: 900px;
    padding: 22px 30px 10px;
    vertical-align: middle
  }
  
  .modal-wrapper .modal-window .modal-content {
    max-height: 80vh;
    overflow-y: auto;
  }
  
  
  .modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    color: #000000!important;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0
  }
  
  .modal-wrapper .modal-close:hover {
    color: #2b2e38!important
  }

.hasugata{
  position: absolute;
        top: 320px; 
        left:80px;    
}
  
.miyaseki{
  position: absolute;
        top: 200px; 
        left:168px;  
}

.kosyouzi{
  position: absolute;
        top: 525px; 
        left:55px;    
}

.tekkoutyou{
  position: absolute;
        top: 220px; 
        left:122px;    
}
.kouyou{
  position: absolute;
        top: 110px; 
        left:248px;    
}
.terazima{
  position: absolute;
        top: 403px; 
        left:95px;    
}
.mapsonota{
  position: absolute;
        top: 576px; 
        left:303px;    
}
.uekawaitiniti{
  position: absolute;
        top: 278px; 
        left:192px; 

}
.suzukiitiniti{
  position: absolute;
        top: 370px; 
        left:100px; 

}
.nagaokazoukei{
  position: absolute;
        top: 0px; 
        left:0px; 

}
.tapsitemite{
  position: absolute;
        top: 50px; 
        left:100px; 

}
.bunsyou{
  position: absolute;
        top: 625px; 
        left:0px; 

}