@charset "utf-8";



/* ----------------------------------------------
from
------------------------------------------------------------ */

/* from-wrap
---------------------------------------------------- */
#form-wrap										{ }
#form-wrap .title								{ color: #1D2087; font-weight: bold; font-size: 1.8rem; text-align: center;}

#form-wrap .error								{ color:#ef8200; margin: 2rem 0 4rem 0; }
#form-wrap .error li							{ display:inline-block; color:#ef8200; padding:0 1rem; margin:1rem 1rem 0 0; border:#ef8200 1px solid; border-radius:1rem; letter-spacing: 0; }

#form-wrap form									{ padding: 5rem 0 ; }
#form-wrap form .form_inner						{ padding-bottom: 5rem; border-bottom: #cdcdcd 1px solid;  }
#form-wrap form dl								{ padding: 2rem 0; }
#form-wrap form dl:first-child					{ }
#form-wrap form dl dt							{ margin-bottom: 1rem; -webkit-display: flex; display: flex;}
#form-wrap form dl dt .required					{ display: inline-block; margin-left: 0.8rem; padding: 0.2rem 0.8rem 0.2rem; color: #FFFFFF; background-color: #1D2087; font-size: 1rem; letter-spacing: 0.1rem;}
#form-wrap form dl dd							{   }
#form-wrap form dl dd .example					{ padding-top: 0.5rem; font-size: 1.2rem; color: #5D5D5D;   }
#form-wrap form dl dd label						{ white-space: inherit; line-height: 2.5; font-size: 1.3rem; display: inline-block; cursor: pointer;}


#form-wrap form dl dd input[type="text"]			{ width: 100%; padding: 1rem; border: #e3e3e3 1px solid; }
#form-wrap form dl dd input[type="text"].w10.sp		{ width: 10%; }
#form-wrap form dl dd input[type="text"].w20.sp		{ width: 20%; }
#form-wrap form dl dd input[type="text"].w30.sp		{ width: 30%; }
#form-wrap form dl dd input[type="text"].w40.sp		{ width: 40%; }
#form-wrap form dl dd input[type="text"].w50.sp		{ width: 50%; }
#form-wrap form dl dd input[type="email"]			{ width: 100%; padding: 1rem; border: #e3e3e3 1px solid; }
#form-wrap form dl dd .ml							{ margin-left:0.5rem;}
#form-wrap form dl dd .mb							{ margin-bottom:1rem ; }
#form-wrap form dl dd .mr							{ margin-right: 0.5rem;}
#form-wrap form dl dd .mt							{ margin-top: 0.5rem;}
#form-wrap form dl dd textarea						{ width: 100%; height: 10rem; padding: 0.5rem; border: #cccccc 1px solid; border: #e3e3e3 1px solid;  }
#form-wrap form dl dd select						{ border: #e3e3e3 1px solid; background: none; border-radius: 0; }
.mw_wp_form .horizontal-item + .horizontal-item	{ margin-left: 0 !important;}

#form-wrap form .privacy_link					{ margin-top: 5rem; text-align: center; }
#form-wrap form .privacy_link a					{ color: #1d2087; text-decoration: underline;}
#form-wrap form .link-btn						{ max-width: 280px; margin: 5rem auto 0; text-align: center;}
#form-wrap form .link-btn a						{ display: block; padding: 2.2rem; background: #1d2087; color: #fff; }




@media screen and (min-width: 768px) {
#form-wrap .title								{ font-size: 3rem; }
#form-wrap form									{ max-width: 960px; margin: 0 auto; padding: 9rem 0 15rem; }
#form-wrap form .form_inner						{ padding-bottom: 10rem;  }
#form-wrap form dl								{ display: flex; padding: 25px 0; }
#form-wrap form dl:last-child					{ padding-bottom: 0;}
#form-wrap form dl dt							{ width: 200px; margin-bottom: 0; }
#form-wrap form dl dt .required					{}
#form-wrap form dl dd							{ width: 70%; }
#form-wrap form dl dd .example					{ font-size: 14px; }
#form-wrap form dl dd textarea					{ height: 200px; padding: 1rem;  }
#form-wrap form dl dd label						{ font-size: 16px; }
#form-wrap form dl dd label:first-child			{ margin: 0;}
#form-wrap form dl dd input[type="text"].w10	{ width: 10%; }
#form-wrap form dl dd input[type="text"].w20	{ width: 20%; }
#form-wrap form dl dd input[type="text"].w30	{ width: 30%; }
#form-wrap form dl dd input[type="text"].w40	{ width: 40%; }
#form-wrap form dl dd input[type="text"].w50	{ width: 50%; }
#form-wrap form .privacy_link					{ margin-top: 8rem;  }
#form-wrap form .link-btn						{ margin: 5rem auto 0; }
#form-wrap form .link-btn a						{ padding: 2.2rem;  }
}




/* thx */
#lead-wrap 									{}
#lead-wrap .txt-box							{ padding-bottom:100px;}
#lead-wrap .thx-box							{ padding: 70px; font-size:16px; text-align: center;  }
#lead-wrap .thx-box >*						{ margin-top: 4rem; }
#lead-wrap .thx-box .sm						{ margin-top: 30px; font-size: 14px; }
#lead-wrap .thx-box .line					{ margin-top: 40px; padding: 40px; font-size: 16px; text-align: center; }
#lead-wrap .thx-box .txt					{ margin-top: 40px; font-size: 1.6rem;  }

#lead-wrap .link-btn 						{ max-width: 300px; margin: 5rem auto 0;}
#lead-wrap .link-btn a						{ display: block; background: #014da1; color: #fff; padding: 30px 0 25px; font-size: 16px; }