/* 修正後のCSS */
.contact-fixed {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 110px;
    height: 110px;
    z-index: 9999;
    overflow: hidden;
    background: transparent !important; /* 背景を強制的に透明に */
}
.contact-fixed a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: transparent !important; /* リンクの背景も透明に */
}
.contact-fixed img {
   width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.3s ease;
    filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
    background: transparent !important; /* 画像の背景も透明に */
}

.contact-fixed img:hover {
    transform: scale(1.1);
}

@media screen and (min-width: 768px) {
/* 基本の固定表示 */
.contact-fixed {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 9999;
}
}

@media screen and (max-width: 768px) {
/* 基本の固定表示 */
.contact-fixed {
    position: fixed;
    right: -1%;
    bottom: 0%;
    z-index: 9999;
}

/* 画像の基本設定 */
.contact-fixed img {
    width: 100%;
    display: block; /* 画像の隙間をなくす */
}

/* 背景と影の設定 */
.contact-fixed {
    background-color: rgba(255, 255, 255, 0.9); /* 白の半透明背景 */
    filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3)); /* 影 */
    border-radius: 10px; /* 角丸 */
    padding: 10px; /* 内側の余白 */
}
	    .map-wrap {
        max-width: 90%;
   }
	
}







.map-wrap {
    margin: auto;
    max-width: 70%;
    margin-bottom: 60px;
}

.map {
    position: relative;
    width: 100%;
    padding-top: 75%;
    margin-top: -20px;
    margin-bottom: 40px;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}