@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
.contactTb {
	margin: 0 auto; /* テーブルを画面の中央に配置 */
	table-layout: fixed;
}
.contactTb th {
	width: 150px;
	padding: 15px;
	border-bottom: none;
}

.contactTb td {
    position: relative;
	padding: 15px;
	border-bottom: none;
	width: 74%;
}

.form-control {
	width: 100%;
	border: solid 1px #BCBCBC;
	border-radius: 10px;
	padding: 7px;
	resize: vertical;
    max-width: 500px;
}

.contactTb th label {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.contactTb textarea {
    height: 150px;
}

.ta1.contactTb {
    border-bottom: none;
    border-top: none;
}

.btn01 {
    border: none;
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 8px;
    border-radius: 34px;
    background: #f64d69;
    color: #fff;
    cursor: pointer;
    margin: 10px auto;
    font-size: 18px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 13%);
	font-weight: bold;
    text-decoration: none;
}

.btn01:hover {
    color: #fff;
}

/*画面幅900px以下の追加指定------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*画面幅600px以下の追加指定------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    .contactTb th, .contactTb td {
        display: block; /* ラベルと入力エリアをブロック要素に */
        width: 100%; /* 幅を100%に */
        padding: 0; /* パディングを0にして余白を取り除く */
    }

    .contactTb th label {
        justify-content: flex-start; /* ラベルを左揃えに */
    }

    .form-control {
        width: calc(100% - 14px); /* 幅を100%にし、パディングを引いた値に調整 */
    }

    .contactTb input, .contactTb textarea {
        width: 100%; /* 入力フィールドを幅いっぱいに */
        box-sizing: border-box; /* パディングを含めた幅計算 */
    }

	.contactTb th label {
		margin-top: 10px;
	}
}
/*画面幅600px以下の追加指定ここまで*/