@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     施設見学お申し込みフォーム
 Notes:          
--------------------------------------------------------------- */
.txt01 {
  margin: 0 auto 10%;
}
form .tr {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #7B7B7B;
}
form .tr:last-child {
  border-bottom: none;
}
form .th {
  width: 25%;
  min-width: 15em;
  padding: 2% 0;
}
form .td {
  width: 80%;
  padding: 2% 0;
}
form .td .color01 {
  font-size: 1.1em;
  color: #EE8099;
}
.td .in-box:first-child {
  margin: 0 auto 2em;
}
.td #radio-box01 {
  width: 100%;
  padding: 0 0 0 2em;
}
.td #radio-box02 {
  padding: 0 0 0 2em;
}
.td .mfp_not_checked #radio-box01 {
  display: none;
}
.td .mfp_not_checked #radio-box02 {
  display: none;
}
.td select {
  margin: 0 1em 0 0;
}
.required {
  padding: 0.1em 0.5em;
  color: #FFF;
  font-size: 0.9em;
  background-color: #EE8099;
}
.width01 {
  width: 60% !important;
}
.width02 {
  width: 40% !important;
}
.width03 {
  width: 90% !important;
}
.width04 {
  width: 90% !important;
  height: 10em !important;
}
input::placeholder,
textarea::placeholder {
	color: #B0B0B0;
}
.caution {
  margin: 5% 0 0;
  font-size: 0.8em;
}
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
form .tr {
  padding: 2% 0;
  display: block;
}
form .th {
  width: 100%;
}
form .td {
  width: 100%;
}
.width01 {
  width: 100% !important;
}
.width02 {
  width: 100% !important;
}
.width03 {
  width: 100% !important;
}
.width04 {
  width: 100% !important;
}
}