.btn-return {
    /* 元のスタイルを維持しながらBootstrap用に最適化 */
    border: 1px solid rgba(0, 0, 0, 0.75);
    margin: 20px auto;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 0;                  /* pxは不要 */
    padding: 1.5% 3%;
    display: block;           /* inline-blockからblockに変更 */
    width: 70%;             /* 幅を100%に設定 */
    text-transform: uppercase;
    text-align: center;

    /* Bootstrapとの競合を防ぐための追加設定 */
    background-color: transparent;      /* 背景を透明に */
    transition: all 0.3s ease;         /* ホバーエフェクト用 */
}

/* ホバー時のスタイル */
.btn-return:hover {
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
}

/* Bootstrapのデフォルトスタイルを上書き */
.btn-return:focus {
    box-shadow: none;                  /* Bootstrapのフォーカス時の青い影を削除 */
}
.btn-custom {
    /* 元のスタイルを維持しながらBootstrap用に最適化 */
    border: 1px solid rgba(0, 0, 0, 0.75);
    margin: 20px auto;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 0;                  /* pxは不要 */
    padding: 1.5% 3%;
    display: block;           /* inline-blockからblockに変更 */
    width: 70%;             /* 幅を100%に設定 */
    text-transform: uppercase;
    text-align: center;

    color: #ffffff;
    /* Bootstrapとの競合を防ぐための追加設定 */
    transition: all 0.3s ease;         /* ホバーエフェクト用 */
	margin-top: 40px;
	margin-bottom: 80px;
}

/* ホバー時のスタイル */
.btn-custom:hover {
    background-color: rgba(0, 0, 0, 0.75);
}

/* Bootstrapのデフォルトスタイルを上書き */
.btn-custom:focus {
    box-shadow: none;                  /* Bootstrapのフォーカス時の青い影を削除 */
}
.contact h2 {
	color: #393939;
	font-family: "Open Sans", sans-serif;
	font-size: 36px;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 40px;
}
label {
	margin-top: 10px;
	font-size: 16px;
}
