@charset "UTF-8";
/* CSS Document */

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:40%;
	border-bottom: solid 2px #212529;
    padding: 10px 0;
    text-align:center;
}
table.formTable th p{
    text-align:left;
}
table.formTable td{
  border-bottom: solid 2px #ddd;
  padding: 10px 20px;
  text-align:left;
}
/*input[type="text"], textarea {
	width:100%;
}*/
input[type="submit"], input[type="reset"], input[type="button"] {
	border: 1px solid #000;
    padding: .75rem 2.5rem;
    background-color: #212529;
    color: #fff!important;
	border-radius:50rem;
}
@media screen and (max-width:572px) {
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
	text-align:left;
}
table.formTable td{
  padding: 10px 0px;
}
input[type="text"], textarea {
	width:100%;
	padding:5px;
	font-size:100%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}


/*フォーム隠し要素
--------------------------------------------*/
.hidden_box {
    margin:0;/*前後の余白*/
    padding: 0;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}