@charset "UTF-8";


 .barforcloudfanding{
        position: fixed;
        z-index: 10000;
        right: 0;
        top: 0;
        background-color: rgb(30, 52, 91);
        height: 6vh;
        width: 35vh;
        color: rgb(255, 255, 255);
       border: 5px solid rgb(139, 139, 177);
        border-radius: 10%;
        font-family: serif;
        font-size: 2vh;
        text-align: center;
    }
    .smartphonecover{
        display: flex;
        flex-direction: column;
       
    }

    .smarthome{
        margin-left: 3vw;
        width: 60%;
    }

    .menuForSmartphone{
        z-index: 10000;
        position: fixed;
        display: flex;
        flex-direction: row;
        background-color: white;
        opacity: 1;
        left: 0;
        bottom: 0;
       width: 100%;
       height: auto;
       padding: 1vh;
       gap: 5px ;
    }


    body{
        font-family: serif;
    }


    .titleT{
      font-family: serif;
      font-size: 50px;
      margin-top: 5vh;
    }

    .alert{
    width: 100vw;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    border: 2px solid black;
    padding: 20px;
    font-family: serif;
    margin-top: 5px;
}

.care{
    font-size: 30px;
}

.top{
    font-size: 20px;
}

.firstLine{
    display: flex;
    flex-direction: row;
}

.imgaccess{
    width: 100%;
}

.mapG{
    width: 100vw;
}


.menu{
    opacity: 0;
}
.ikn{
    position: fixed;
    top: 0;
    left: 0;
    width: 30vw;
    height: auto;
}


.margin{
    width: auto;
    height: 40vh;
}



.menuForAllbox{
  position: fixed;
 bottom: 0;
 z-index: 99999;
}
.menuForAll{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    z-index: 99999;
   
}
.first{
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: 1;
}
.aa{
   text-decoration: none;
     clip-path: polygon(
    30% 0%, 70% 0%, 
    100% 30%, 100% 70%, 
    70% 100%, 30% 100%, 
    0% 70%, 0% 30%
  );
   background-color: rgb(231, 153, 20);
   width: 100%;
   height: 100%;
  display: flex;              /* 子要素を中央寄せするため */
  justify-content: center;    /* 横方向中央 */
  align-items: center;        /* 縦方向中央 */
 color: white;
  align-self: end;            /* Gridのセル内で下揃えしたいなら残す */
  text-align: center;   
  filter: drop-shadow(0 0 0 black); 
  font-size: 2.5vw;     /* 複数行テキストにも対応 */
}

.ii{
    font-size: 3vw;
   text-decoration: none;
     clip-path: polygon(
    30% 0%, 70% 0%, 
    100% 30%, 100% 70%, 
    70% 100%, 30% 100%, 
    0% 70%, 0% 30%
  );
   background-color: rgb(81, 178, 206);
   width: 100%;
   height: 100%;
  display: flex;              /* 子要素を中央寄せするため */
  justify-content: center;    /* 横方向中央 */
  align-items: center;        /* 縦方向中央 */
 color: white;
  align-self: end;            /* Gridのセル内で下揃えしたいなら残す */
  text-align: center;   
  filter: drop-shadow(0 0 0 black);      /* 複数行テキストにも対応 */
}