@charset "utf-8";
/*.design-bg{ width: 1420px; height: 2710px; background: url('../design_img/contact.jpg') 0 0 no-repeat; position: absolute; top: -20px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1420px; }*/


@media print, screen and (min-width: 751px) {
#form 					{ margin-top: 100px; padding: 0 0 93px; /*background-color: #EFEFEF;*/ }
#form .master 			{ max-width: 1265px; padding: 70px 50px; background-color: #eff3f6; }

#form .info 			{ width: 100%; max-width: 1050px; margin: 0 auto; }
#form .info dl 			{ padding: 35px 50px; background-color: #fff; }
#form .info dl>div 		{ display: -webkit-box; display: -ms-flexbox; display: flex; color: #5084c4; }
#form .info dl>div:nth-of-type(1){ margin-bottom: 12px; padding-bottom: 15px; border-bottom: 1px solid #5084c4; }
#form .info dl>div dt 	{ width: 395px; padding-left: 43px; font-size: 1.55rem; }
#form .info dl>div dd 	{ width: calc(100% - 395px); }

#form .info dl>div:nth-of-type(1) dt{ padding: 10px 0 10px 43px; background: url('../img/contact/tel-icon.svg') 5px 11px no-repeat; background-size: 22px; }
#form .info dl>div:nth-of-type(1) dd{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; font-size: 2.85rem; }
#form .info dl>div:nth-of-type(1) dd img{ width: 330px; display: block; }
#form .info dl>div:nth-of-type(1) dd p{ font-weight: 500; font-size: 1rem; }

#form .info dl>div:nth-of-type(2) dt{ padding: 10px 0 10px 43px; background: url('../img/contact/mail-icon.svg') 8px 15px no-repeat; background-size: 25px; }
#form .info dl>div:nth-of-type(2) dd{ padding-top: 10px; font-weight: 500; font-size: .85rem; color: #808080; line-height: 1.5; }

#form .textBox 			{ width: 100%; max-width: 680px; margin: 40px auto 0; }
#form .textBox p 		{ font-size: .95rem; line-height: 2; }
#form .textBox p.mt 	{ margin-top: 25px; }

#form .formContents 	{ width: 100%; max-width: 680px; margin: 18px auto 0; }
#form .formContents>div {  }
#form .formContents>div:nth-of-type(n+2){ margin-top: 10px; }
#form .formContents>div dt{ padding-top: 15px; font-size: .9rem; line-height: 1.5; }
#form .formContents>div dt span{ margin-left: 5px; color: #ED1C24; }
#form .formContents>div dd{ margin-top: 18px; font-size: .9rem }
#form .formContents>div dd input[type="text"]{ width: 100%; padding: 13px 13px; border: 0; background-color: #fff; }
#form .formContents>div dd textarea{ width: 100%; height: 256px; padding: 13px 13px; resize: vertical; border: 0; background-color: #fff; }
#form .confirmBtn 		{ width: 90%; max-width: 350px; height: 75px; margin: 22px auto 0; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: 1.3rem; letter-spacing: .3rem; }
#form .confirmBtn:hover { opacity: .5; }

#form .thanks 			{ padding: 80px 50px; }
#form .thanks .textBox 	{ max-width: 750px; margin-top: 0; }
#form .thanks .textBox p{ font-size: .9rem; line-height: 1.8; }
.thanks .btn a 			{ width: 90%; max-width: 350px; margin: 100px auto 0; padding: 30px 0; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; /*-webkit-transition: .5s; transition: .5s;*/ text-align: center; font-size: 1rem; letter-spacing: .2rem; }


#main.confirm 			{  }
#main.confirm .textBox 	{ margin-top: 0; }
#main.confirm .textBox p{ text-align: center; }
#main.confirm .master 	{  }
#main.confirm dl 		{ margin-top: 20px; }
#main.confirm dl>div 	{ border: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .9rem; }
#main.confirm dl>div:nth-of-type(n+2){ border-top: 0; }
#main.confirm dl>div dt{ width: 200px; padding: 15px; background-color: #c0e9ff; }
#main.confirm dl>div dd{ width: calc(100% - 200px); padding: 15px; border-left: 1px solid #ccc; }
#main.confirm ul 		{ width: 100%; max-width: 550px; margin: 60px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main.confirm ul li 	{ width: 100%; }
#main.confirm ul li:last-of-type{ margin-left: 50px; }

#main.confirm ul li .returnBtn{ width: 100%; height: 50px; display: block; border-radius: 5px; border: 0; background: #fff; color: #808080; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#main.confirm ul li .returnBtn:hover { opacity: .5; }

#main.confirm ul li .subBtn{ width: 100%; height: 50px; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#main.confirm ul li .subBtn:hover { opacity: .5; }
}


@media screen and (max-width: 1200px) and (min-width: 750px) {
#form .info dl>div 		{ display: block; }
#form .info dl>div dt 	{ width: 100%; }
#form .info dl>div dd 	{ width: 100%; margin-top: 10px; }
}


@media screen and (max-width: 750px) {
#form 					{ margin-top: 50px; padding: 0 0 0; /*background-color: #EFEFEF;*/ }
#form .master 			{ width: 100%;	 max-width: 1265px; padding: 30px 20px; background-color: #eff3f6; }

#form .info 			{ width: 100%; max-width: 1050px; margin: 0 auto; }
#form .info dl 			{ padding: 25px 20px; background-color: #fff; }
#form .info dl>div 		{ color: #5084c4; }
#form .info dl>div:nth-of-type(1){ margin-bottom: 12px; padding-bottom: 15px; border-bottom: 1px solid #5084c4; }
#form .info dl>div dt 	{ padding-left: 43px; font-size: 1.1rem; }
#form .info dl>div dd 	{  }

#form .info dl>div:nth-of-type(1) dt{ padding: 10px 0 10px 35px; background: url('../img/contact/tel-icon.svg') 5px 10px no-repeat; background-size: 16px; }
#form .info dl>div:nth-of-type(1) dd{ margin-top: 5px; font-weight: 700; font-size: 2rem; text-align: center; }
#form .info dl>div:nth-of-type(1) dd img{ width: 250px; margin: 0 auto; display: block; }
#form .info dl>div:nth-of-type(1) dd p{ margin-top: 5px; font-weight: 500; font-size: .9rem; text-align: right; }

#form .info dl>div:nth-of-type(2) dt{ padding: 10px 0 10px 35px; background: url('../img/contact/mail-icon.svg') 8px 12px no-repeat; background-size: 19px; }
#form .info dl>div:nth-of-type(2) dd{ padding-top: 5px; font-weight: 500; font-size: .8rem; color: #808080; line-height: 1.5; }

#form .textBox 			{ width: 100%; max-width: 680px; margin: 40px auto 0; }
#form .textBox p 		{ line-height: 1.8; }
#form .textBox p.mt 	{ margin-top: 25px; }

#form .formContents 	{ width: 100%; max-width: 680px; margin: 18px auto 0; }
#form .formContents>div {  }
#form .formContents>div:nth-of-type(n+2){ margin-top: 10px; }
#form .formContents>div dt{ padding-top: 15px; line-height: 1.5; }
#form .formContents>div dt span{ margin-left: 5px; color: #ED1C24; }
#form .formContents>div dd{ margin-top: 12px; }
#form .formContents>div dd input[type="text"]{ width: 100%; padding: 13px 13px; border: 0; background-color: #fff; }
#form .formContents>div dd textarea{ width: 100%; height: 180px; padding: 13px 13px; resize: vertical; border: 0; background-color: #fff; }
#form .confirmBtn 		{ width: 90%; max-width: 280px; height: 65px; margin: 22px auto 0; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; font-size: 1rem; letter-spacing: .3rem; }
#form .confirmBtn:hover {  }

#form .thanks 			{ padding: 40px 20px; }
#form .thanks .textBox 	{ margin-top: 0; }
#form .thanks .textBox p{ line-height: 1.8; }
.thanks .btn a 			{ width: 90%; max-width: 250px; margin: 50px auto 0; padding: 20px 0; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; text-align: center; font-size: .9rem; letter-spacing: .2rem; }

#main.confirm 			{  }
#main.confirm .pageTitle{ width: 90%!important; }
#main.confirm .textBox 	{ margin-top: 0; }
#main.confirm .textBox p{ text-align: center; }
#main.confirm .master 	{ width: 100%; max-width: 700px; }
#main.confirm dl 		{ width: 100%!important; max-width: 700px; margin-top: 20px; }
#main.confirm dl>div 	{ border: 1px solid #ccc; font-size: .9rem; }
#main.confirm dl>div:nth-of-type(n+2){ border-top: 0; }
#main.confirm dl>div dt{ padding: 10px; font-weight: 700; background-color: #c0e9ff; }
#main.confirm dl>div dd{ padding: 10px 10px 15px; }
#main.confirm ul 		{ width: 100%; max-width: 550px; margin: 50px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main.confirm ul li 	{ width: 100%; }
#main.confirm ul li:last-of-type{ margin-left: 30px; }

#main.confirm ul li .returnBtn{ width: 100%; height: 50px; display: block; border-radius: 5px; border: 0; background: #fff; color: #808080; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#main.confirm ul li .returnBtn:hover {  }

#main.confirm ul li .subBtn{ width: 100%; height: 50px; display: block; border-radius: 5px; border: 0; background: #29abe2; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#main.confirm ul li .subBtn:hover {  }
}