.required-red{
	color:red;
}

/* フォーム */
form{
	margin:0 auto 120px;
	padding: 30px;
	text-align: center;
	box-shadow: 4px 10px 20px rgb(0 0 0 / 10%);
	width: 80%;
	max-width: 1000px;
}

dt {
	text-align: left;
}
/* 確認ボタン */
input[type="submit"],input[type="button"]{
	display:flex;
	color:#036;
	font-size:20px;
	background-color:#fff;
	border: 1px solid #036;
	padding: 10px 60px;
	margin:min(2.5vw, 27px) auto min(1.9vw, 20px);
	transition:0.8s;
	border-radius:30px;
}

input[type="submit"]:hover,
input[type="button"]:hover {
	color:#fff;
	background-color: #036;
}

/* テーブル */
.tb_contact{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;
}

dl{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


/* １列目 */
.tb_contact_row1{
	width:30%;
	height:73px;
	border-style:none;
	font-size:18px;
	padding-top: 20px;
}

/* １列目(お問い合わせ)末の体裁 */
.tb_row1_btm{
	width:30%;
	height:175px;
	vertical-align:top;
	padding-top:10px;
	font-size:18px;
}

/* 2列目(お問い合わせ)*/
.tb_row2_btm{
	width: 70%;
	padding-top: 10px;
}

/* お問い合わせの下線消し */
.tb_row1_btm, .tb_row2_btm{
	border-style:none;
	border-bottom:none;
}

/* ２列目 */
.tb_row2{
	width:70%;
	height: 73px;
	border-style:none;
	font-size:16px;
	display: block;
	padding-top: 10px;
}

.tb_row2 select{
	width: 95%;
	height: 40px;
    border: 1px solid #999;
    margin: 10px 0 0 0;
    font-size: 18px;
    border-radius: 6px;
    background-color: #f7f7f7;
}


/* 入力エリア */
input[type="text"], input[type="email"],input[type="tel"]{
	width:95%;	
	line-height:33px;
	border:1px solid #999;
	margin:10px 0 0 0;
	font-size: 18px;
	border-radius: 6px;
	background-color: #f7f7f7;
}

/* 例のすき間 */
.tb_example{
	margin:0 0 10px 15px;
}

/* テキストエリア */
textarea{
	width:95%;
	height:148px;
	border:1px solid #999;
	margin:10px 0 5px 0;
	font-size:18px;
	border-radius: 6px;
	background-color: #f7f7f7;
}

form a {
	color:#28BFE7;
}



@media screen and (max-width: 768px) {

form {
	margin: 0 auto 60px;
	padding: 18px 10px;
	width: 90%;
}

dl {
	flex-direction: column;
}
dt,dd {
    width: 100%;
}
.tb_contact_row1, .tb_row2, .tb_row1_btm, .tb_row2_btm {
    width: 100%;
	height: auto;
}

.tb_row2,.tb_row2_btm  {
	padding: 0;
}
.tb_row1_btm {
	padding-top: 20px;
}

}