.containar-4 {
    background-image: url('/contents/4x/BGぱたーん@4x.png'); /* タイルとして使いたい画像 */
    background-repeat: repeat; /* 画像をタイル状に繰り返す */
    background-size: calc(10vw + 100px) auto; /* 横幅を1pxだけ大きくする */
    width: 100%;
}

.contact-warpper2 {
    max-width: 1100px;
    margin: 0 auto;
   
}

.mails {
    display: flex;
    justify-content: center;
    gap: 200px;
    text-align: center;
}

.mail-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mail-link {
    text-decoration: none; /* リンクの下線を消す */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.mails img {
    width: 200px;
    transition: opacity 0.3s ease;
}

.mails img:hover {
    opacity: 0.7; /* ホバー時に少し透明に */
}

.mail-text {
    color: #ddc79b;
    border-radius: 5px;
    text-align: center;
    margin-top: -30px
}

.space{
    height: 100px;
}

.text-gallery {
    color: #ddc79b; 
    width: 80%;
    margin: 0 auto;
    padding: 30px 50px;
    background-color: rgba(13, 15, 18, 0.5);
    position: relative; /* 擬似要素のために必要 */
}


.boundary img {
    margin-top: 100px;
  }