@charset "utf-8";

/* ----------------------------------------------------
  form
---------------------------------------------------- */
.form									{ }
.form #from-wrap						{ max-width: 960px; margin: 0 auto; padding: 4rem 0;}
.form form dl							{ padding: 2rem 0; border-bottom: #cacaca 1px solid;}
.form form dl dt						{ margin-bottom: 1rem; }
.form form dl dt .required				{ margin-left: 0.5rem; padding: 0.3rem 0.5rem 0.2rem; color: #FFFFFF; background-color: #3499df; font-size: 1.2rem; }
.form form dl dd						{   }
.form form dl dd label					{ display: block; margin-top: 0.5rem; white-space: inherit; text-indent: -1.8rem; margin: 0 0 0 1.8rem; }

.form form dl dd input[type=text]		{ width: 100%; padding: 1rem; border: #cccccc 1px solid; }
.form form dl dd input[type=text].w30	{ width: 50%;  }
.form form dl dd input[type=text].ml	{ margin-left: 0.5rem;  }
.form form dl dd input[type=text].mb	{ margin-bottom: 1rem;  }
.form form dl dd input[type=text].mr	{ margin-right:0.5rem;  }
.form form dl dd textarea				{ width: 100%; height: 10rem; padding: 0.5rem; border: #cccccc 1px solid;   }

.form .link-btn.bl						{ width: auto; margin-top: 2rem; }

.form .error							{ color:#ed1900; margin: 2rem 0 4rem 0; }
.form .error li							{ display:inline-block; color:#ed1900; padding:0 1rem; margin:1rem 1rem 0 0; border:#ed1900 1px solid; border-radius:1rem; letter-spacing: 0; }
.form .thx-title						{ padding-top: 5rem; background: url("../images/common/thx_title.png") no-repeat center top 10px; background-size: 5rem; text-align: center; font-size: 2rem; color: #666666; }
.form .thx-txt							{ max-width: 920px; margin: 0 auto;}
.form .thx-txt .bold					{ font-weight: bold;  }
.form .thx-txt .sm						{ margin-top: 1rem; font-size: 1.2rem;  }
.form .thx-txt .border					{ margin-top: 2rem; padding: 1.5rem; border: #666666 1px solid;}



@media screen and (min-width: 768px) {
.form #from-wrap						{ padding: 70px 0 160px;}
.form form dl							{ display: flex; padding: 4rem 0; }
.form form dl dt						{ width: 200px; margin-bottom: 0; }
.form form dl dt .required				{}
.form form dl dd						{  width: 70%; }
.form form dl dd input[type=text].w30	{ width: 30%;   }
.form form dl dd input[type=text].ml	{ margin-left:10px;  }
.form form dl dd input[type=text].mb	{ margin-bottom: 20px;  }
.form form dl dd input[type=text].mr	{ margin-right: 10px;  }
.form form dl dd input[type=text].w50	{ width: 50%;  }
.form form dl dd textarea				{ height: 200px; padding: 1rem;  }
.form form dl dd label					{ display: block; margin: 1rem 0 0;}
.form form dl dd label:first-child		{ margin: 0;}
.form .link-btn.bl						{ width: 250px; margin: 50px auto 0; text-align: center; }

.form .thx-title						{ padding-top: 60px; font-size:30px;}
.form .thx-txt							{ }
.form .thx-txt .bold					{ text-align: center; font-size:18px;  }
.form .thx-txt .sm						{ font-size: 14px;  }
.form .thx-txt .border					{ margin-top: 2rem; padding: 1.5rem; border: #666666 1px solid;}
}

@media screen and (min-width: 1024px) {
.form .thx-txt .bold					{ font-size:20px;  }
.form .thx-txt .sm						{ text-align: center; font-size: 16px;  }
.form .thx-txt .border					{ margin-top: 40px; padding: 40px 0; text-align: center;}
}