.text_sub1 {
  font-size: 1.82em;
  font-weight: bold;
  text-align: left;
  padding-bottom: 20px;
}

.text105 {
  font-size: 1.22em;
  font-weight: normal;
  padding-bottom: 20px;
}

.container_refer {
    display: flex;
    flex-wrap: wrap;
    border:1px solid #ddd;
    text-align: left;
    padding:50px;
    font-size: 1.22em;
    line-height:160%;
    font-weight: normal;
  }
  @media only screen and (max-width: 767px) {
    .container_refer {
        padding:20px;
    }




.container_div5 {
  display: flex;
  flex-wrap: wrap;
}

.item5 {
  width: calc(
    100% / 5 - 10px
  ); /* Subtracting 10px for the 5px left and right padding */
  padding: 0 5px; /* Adding 5px padding to the left and right */
  box-sizing: border-box; /* Make sure the padding is included in the item's width */
}

.item5 img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .item5 {
    width: calc(100% / 3 - 10px);
  }
}