@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */

.contact #pageTitle					{ background-image: url("../images/contact/title_bg.jpg");}

.contact #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -5.5rem;}

@media print, screen and (min-width: 768px) {
.contact #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -6.5rem;}
}

@media print, screen and (min-width: 1024px) {
.contact #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -8.5rem;}


}


/* -------------------------------------------------------
contact
---------------------------------------------------------------- */



#tel-wrap .tel-box				{ position: relative; border: #1e90de 2px solid; text-align: center;  background: #ffffff; }
#tel-wrap .tel-box a				{ display: block; padding: 4rem 2rem 2rem 2rem;}
#tel-wrap .tel-box:before			{ position: absolute; top: -30px; left: 50%; content: ""; display: block; width: 5rem; height: 5rem; margin-left: -2.5rem; background: url("../images/common/con_box_tel.png") no-repeat; background-size: cover; }
#tel-wrap .tel-box .num			{ font-size: 3.2rem; color: #1e90de; }
#tel-wrap .tel-box .time			{ font-size: 1.1rem; color: #1e90de; }
#tel-wrap .tel-box .lead			{ font-size: 1.2rem; text-align: left;}

@media print, screen and (min-width: 768px) {
#tel-wrap 							{   }
#tel-wrap .tel-box					{ max-width: 800px; margin: 0 auto 0; }
#tel-wrap .tel-box a				{ display: block; padding:50px 20px 30px 20px; }
#tel-wrap .tel-box .num				{ font-size: 40px; }
#tel-wrap .tel-box .time			{ font-size: 14px;}
#tel-wrap .tel-box .lead			{ font-size: 14px; text-align: center;}

}

@media print, screen and (min-width: 768px) {


}





/* from-wrap
---------------------------------------------------- */
#form-wrap										{ }

#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: 2rem 0 ; }
#form-wrap form dl								{ padding: 2rem 0; }
#form-wrap form dl:last-child					{ border-bottom: #cdcdcd 1px solid;}
#form-wrap form dl dt							{ margin-bottom: 1rem; -webkit-display: flex; display: flex; font-size: 1.2rem;}
#form-wrap form dl dt p							{ margin-top: 0.2rem;}
#form-wrap form dl dt p+p						{ margin-top: 0;}
#form-wrap form dl dt .required					{ display: inline-block; margin-left: 0.8rem; padding: 0.4rem 0.8rem 0.1rem; color: #FFFFFF; background-color: #1e90de; 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: #949494;   }
#form-wrap form dl dd label						{ white-space: inherit; line-height: 3; font-size: 1.2rem;}
#form-wrap form dl dd label span				{ margin-left: -0.5rem; font-size: 1rem;}

#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 .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 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; }
#form-wrap form .link-btn						{ margin-top: 3rem;}
#form-wrap form .link-btn a						{ }

@media screen and (min-width: 768px) {
#form-wrap form									{ max-width: 980px; margin: 0 auto; padding: 60px 0; }
#form-wrap form dl								{ display: flex; padding: 25px 0; }
#form-wrap form dl:last-child					{ padding: 25px 0 70px; border-bottom: #cdcdcd 1px solid; }
#form-wrap form dl dt							{ width: 200px; margin:10px 0 0 0; font-size: 1.4rem; }
#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: 14px; }
#form-wrap form dl dd label:first-child			{ margin: 0;}
#form-wrap form dl dd label span				{ margin-left: 0; font-size: 1.2rem;}
#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 .link-btn						{ max-width: 300px; margin: 70px auto 0; }
#form-wrap form .link-btn a						{  }
}

@media screen and (min-width: 1024px) {
#form-wrap form dl dt							{ width: 240px; font-size: 16px; }
#form-wrap form dl dd label						{ font-size: 16px; }


}






/* thx */
#lead-wrap 									{ }
#lead-wrap .txt-box							{ padding-bottom:6rem;}
#lead-wrap .inner							{ max-width: 1110px; }
#lead-wrap .thx-box							{ padding: 3rem 1.5rem 2rem; background: #ffffff; font-size: 1.3rem; border: #797979 1px solid;}
#lead-wrap .thx-box	.thx-title						{ padding-bottom: 4rem; font-size:2rem; text-align: center; background: url("../images/contact/ico_mail.png") no-repeat center bottom; background-size: 4rem;}
#lead-wrap .thx-box .txt					{ margin-top: 2rem; font-weight: bold; font-size: 1.2rem; }
#lead-wrap .thx-box .sm						{ margin-top: 1.5rem; font-size: 1rem; line-height: 1.4;}
#lead-wrap .thx-box .line					{ margin-top: 1.5rem; padding: 1rem; border: #797979 1px solid; font-size: 1.2rem; line-height: 1.4;}
#lead-wrap .link-btn						{ margin-top: 5rem;}
#lead-wrap .link-btn a						{ font-size: 1.3rem; background-color: #fff; }

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

#lead-wrap 									{ }
#lead-wrap .txt-box							{ padding-bottom:100px;}
#lead-wrap .thx-box .thx-title				{ padding-bottom: 70px; font-size:30px; background-size: 50px;}
#lead-wrap .thx-box							{ padding: 50px; font-size:18px; }
#lead-wrap .thx-box .sm						{ margin-top: 20px; font-size: 14px; line-height: 1.6;}
#lead-wrap .thx-box .txt					{ margin-top: 40px; font-size: 1.6rem; text-align: center; }
#lead-wrap .thx-box .line					{ margin-top: 20px; padding: 15px; font-size: 14px; line-height: 1.6;}
#lead-wrap .link-btn						{ max-width: 350px; margin: 60px auto 0;}
#lead-wrap .link-btn a						{ padding: 30px 0 25px; font-size: 14px; }

}

@media screen and (min-width: 1024px) {
#lead-wrap 									{}
#lead-wrap .txt-box							{ padding-bottom:140px;}
#lead-wrap .thx-box .thx-title				{ padding-bottom: 100px; font-size:30px; background-size: 100px;}
#lead-wrap .thx-box							{ padding: 70px; font-size:20px; }
#lead-wrap .thx-box .sm						{ margin-top: 30px; font-size: 16px; text-align: center; }
#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: 2rem;  }

#lead-wrap .link-btn a						{ padding: 30px 0 25px; font-size: 16px; }

}