@charset "UTF-8";
/* CSS Document */
.mail_form {
	display: block;
	margin: 0 auto;
	padding: 160px 30px;
}
.confirm,.back-btn{
	display: block;
	margin: 25px auto;
	background-color: #444;
	color:#FFF;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 30px;
	border-radius: 40px;
	cursor: pointer;
	border: none;
	width:20%;
}
.confirm:hover,.back-btn:hover{
	opacity: 0.5;
}
table.formTable {
    width: 55%;
    margin: 0 auto;
    border-collapse: collapse;
    padding-top: 100px;
}
table.formTable th {
    width: 35%;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 3px #111;
}
table.formTable td, table.formTable th {
    border: none;
    padding: 20px;
    vertical-align: middle;
    border-bottom: solid 3px #111;
}
.formTable input {
    width: 100%;
    height: auto;
    margin: auto 0;
    letter-spacing: 0!important;
    padding: 10px;
}
.asu-y{
	display: none;
}
/*スマホ―-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:599px){
	tbody{
			font-family: 'Noto Sans JP', sans-serif;
	}
	tr{
		padding: 15px 0;
	}
	table.formTable {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    padding-top: 40px;
}
	.mail_form {
    display: block;
    margin: 0 auto;
    padding: 40px 10px;
}
	table.formTable th {
    border: none;
    padding: 20px 8px;
    vertical-align: middle;
    border-bottom: solid 3px #111;
}
	
table.formTable th {
    width: 40%;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 3px #111;
}
	confirm, .back-btn {
    display: block;
    margin: 25px auto;
    background-color: #444;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 40px;
    cursor: pointer;
    border: none;
    width: 70%;
}
	.confirm, .back-btn {
    display: block;
    margin: 25px auto;
    background-color: #444;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 40px;
    cursor: pointer;
    border: none;
    width: 70%;
}
}





@media(min-width:600px) and (max-width:1024px){
table.formTable {
    width: 70%;
    margin: 0 auto;
    border-collapse: collapse;
    padding-top: 100px;
}
	.confirm,.back-btn{
	display: block;
	margin: 25px auto;
	background-color: #444;
	color:#FFF;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 30px;
	border-radius: 40px;
	cursor: pointer;
	border: none;
	width:40%;
}
}