/* フォーム用CSS */

.msg { color:#f00; }

div.form_content { border-bottom:1px solid #ccc; margin:0 0 20px 0; max-width:100%; }
div.form_content input, div.form_content textarea { box-sizing:border-box; margin:10px; max-width:calc( 100% - 20px ); }

div.form_content div.row { border:1px solid #ccc; border-bottom:none; box-sizing:border-box; }
div.form_content div.row div.title_item { background-color:#dcebee; border-bottom:1px solid #ccc; padding:10px 12.5px; }
div.form_content div.row div.content_item input, div.form_content div.row div.content_item textarea { border:none; border-radius:0; padding:10px 12.5px; }
div.content_item ul { display:flex; justify-content:flex-start; align-content:center; flex-wrap:wrap; }
div.content_item ul.notflex { display:block; margin:0 0 5px 0; }
div.content_item ul li { padding:0px 12.5px; list-style:none; vertical-align:middle; line-height:2; }
div.content_item ul li label { cursor:pointer; }
div.content_item ul li input[type=text] { width:auto; }
div.content_item ul.notflex li { margin:0 0 5px 0; }
div.acc_label { padding:0 12.5px; margin:0; }
div.acc_label input { margin:0 5px; }
div.acc_label label { cursor:pointer; }
div.acc_content { padding:0 20px; overflow:hidden; max-height:0; transition:.3s; }
#ratio_kengaku:checked ~ div.acc_content { max-height:500px; height:auto; transition:.3s; }

div.form_content input, div.form_content textarea { background-color:#efefef; }
div.form_content input:focus, div.form_content textarea:focus { background-color:#f8ffff; }

p.btn { text-align:center; }
p.btn input { padding:10px 25px; }

@media screen and (min-width: 767px) {

div.form_content div.row { display:table; width:100%; }
div.form_content div.row div.title_item { border-bottom:none; display:table-cell; vertical-align:middle; width:30%; }
div.content_item { display:table-cell; width:70%; }

}

@media screen and (min-width: 1200px) {


}

.era-fields{
  padding-top: 2px;
  padding-left: 9px;
}

.mail-text{
  width: 100%;
}

.age-text{
width: 25%;
}

.name-text{
  width: 100%;
}

.furi-text{
  width: 100%;
}

.tel-text{
  width: 100%;
}

.grade-text{
  width: 100%;
}

.postcode-text{
  width: 100%;
}

.address-text{
  width: 100%;
}