.item-in{
  height: 100%;
  
  padding: 0 10px;
}

.layout.col_4 > *{
  margin-bottom: 50px !important;
}

.item-in .text-area{
  background: #f4f7f9;
  width: 80%;
  margin: -40px auto 0;
  padding: 25px 15px;
  z-index: 2;
  position: relative;
}

.item-in .text-area .syubetu{
  text-align: center;
  color: #333333 !important;
   font-size: 0.8em;
}

.item-in .text-area .janame{
  text-align: center;
  color: #333333 !important;
}

.item-in .text-area .enname{
  text-align: center;
  color: #333333 !important;
  font-size: 0.8em;
}

.layout.col_4 > *{
  position: relative;
}

@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .item-in{
    height: 100%;
    padding: 0 5px;
  }

  .layout.col_4 > *{
    margin-bottom: 30px !important;
  }

  .item-in .text-area{
    background: #f4f7f9;
    width: 90%;
    margin: -20px auto 0;
    padding: 15px 05px;
    z-index: 2;
    position: relative;
  }

  .item-in .text-area .syubetu{
    text-align: center;
    color: #333333 !important;
     font-size: 0.8em;
  }

  .item-in .text-area .janame{
    text-align: center;
    color: #333333 !important;
  }

  .item-in .text-area .enname{
    text-align: center;
    color: #333333 !important;
    font-size: 0.8em;
  }

  .layout.col_4 > *{
    position: relative;
  }
}