.contact-form {
            width: 100%;
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
        }

.contact-form h2 {
            text-align: center;
            margin-bottom: 20px;
        }
.google-form-wrapper {
    position: relative;
    width: 100%;
    padding-top: 155%;
    /* アスペクト比を少し増やす */
    overflow: hidden;
}

.google-form-wrapper iframe {
    position: absolute;
    top: -1px;
    /* 上部に少し余白を追加 */
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    /* 高さを少し増やす */
    border: none;
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
}

.contact-form {
                            padding: 10px;
                        }
            
.google-form-wrapper {
                            padding-top: 205%;
                            /* モバイル画面用にアスペクト比を調整 */
                        }