/*業務案内のメニューアイテム*/
.item {
    position: relative;
}

.item span {          
    position: absolute;
    font-size: 0.8rem;
    font-weight: bold;
    color:white;
    top: 20%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
}

.item p {
    font-size: 0.8rem;
    font-weight: bold;  
    text-align: left;
    color: #432;
}

  /* 業務内容のメニューグリッド */
  .grid-menu {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(120px, 150px));
    margin-top: 6%;
    margin-bottom: 50px;    
    width:auto;
    justify-content: center;
}

.big-box {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }


  /* モバイル版
------------------------------- */
@media (max-width: 599px) {

  /* 業務内容のメニューグリッド */
  .grid-menu {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(120px, 150px));
    margin-top: 6%;
    margin-bottom: 50px;    
    width:auto;
    justify-content: center;
}

.big-box {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }


}