.other__ttl
{
    font-size: 180%;
    font-weight: bold;

    text-align: center;

    background-image: url(/images/common/page_ttl.svg), url(/images/common/page_ttl.svg);
    background-repeat: no-repeat;
    background-position: center left, center right;

    padding: 8px 4px 8px 12px;
    border-left: 6px solid #ffcb39c2;
    border-bottom: solid 5px #ccc;
}

.other-block
{
    box-sizing: border-box;
    margin-top: 3rem;
	    line-height: 1.8;
    background-color: #fff;
	text-align: left;
}


.other-block__ttl
{font-size: 130%;
    font-weight: bold;
    padding: 1rem 2rem;
    border-left: 5px solid #776e6e;
    background: #DCEAF7;
    margin-bottom: .5rem;
}

.other-img {
    display: flex;
    flex-wrap: wrap; /* これを指定すると折り返しが有効になります */
    gap: 15%; /* 項目間の余白です。適宜調整してください */
    margin: 10px;
}

@media print, screen and (min-width: 768px) {
  .other-img li{
      width: 40%; /* 項目2つ＋余白(4%)で100%に収まるように調整 */
  }
}

.oher-ohanashi {
  margin: 10px;
  padding: 5px;
}

.other-ohanashi-img {
    display: flex;
    flex-wrap: wrap; /* これを指定すると折り返しが有効になります */
    gap: 20%; /* 項目間の余白です。適宜調整してください */
}

@media print, screen and (min-width: 768px) {
  .other-ohanashi-img li{
      width: 40%; /* 項目2つ＋余白(4%)で100%に収まるように調整 */
  }
}