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


@media print, screen and (min-width: 751px) {
#form 					{ margin-top: 131px; padding: 90px 0 93px; background-color: #EFEFEF; }
#form .master 			{ max-width: 560px; }
#form h1 				{ text-align: center; font-size: 1.6rem; font-weight: 400; letter-spacing: .45rem; }
#form h1 span 			{ margin-top: 17px; display: block; font-size: .6rem; letter-spacing: .12rem; font-size: .7rem; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; }
#form .textBox 			{ margin-top: 62px; }
#form .textBox p 		{ font-size: .9rem; line-height: 1.8; }
#form .textBox p.mt 	{ margin-top: 25px; }
#form .formContents 	{ margin-top: 13px; margin-left: -9px; }
#form .formContents>div {  }
#form .formContents>div:nth-of-type(n+2){ margin-top: 1px; }
#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: 10px; 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: 280px; height: 68px; margin: 22px auto 0; display: block; border-radius: 5px; border: 0; background: #00AECC; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: 1rem; letter-spacing: .3rem; }
#form .confirmBtn:hover { opacity: .5; }

#form .thanks 			{ padding-bottom: 50px; }
#form .thanks .textBox 	{ margin-top: 45px; }
#form .thanks .textBox p{ font-size: .9rem; line-height: 1.8; }
.thanks .btn a 			{ width: 90%; max-width: 280px; margin: 100px auto 0; padding: 23px 0; display: block; border-radius: 5px; border: 0; background: #00AECC; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; text-align: center; font-size: 1rem; letter-spacing: .2rem; }


#main.confirm 			{  }
#main.confirm .textBox p{ text-align: center; }
#main.confirm .master 	{ max-width: 700px; }
#main.confirm dl 		{ max-width: 700px; 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: #efefef; }
#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: #00AECC; 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: 1260px) and (min-width: 415px) {

}


@media screen and (max-width: 750px) {
#form 					{ margin-top: 100px; padding: 60px 0 100px; background-color: #EFEFEF; }
#form .master 			{  }
#form h1 				{ text-align: center; font-size: 1.3rem; font-weight: 400; letter-spacing: .2rem; }
#form h1 span 			{ margin-top: 17px; display: block; font-size: .6rem; letter-spacing: .12rem; font-size: .7rem; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; }
#form .textBox 			{ margin-top: 45px; }
#form .textBox p 		{ font-size: .9rem; line-height: 1.8; }
#form .textBox p.mt 	{ margin-top: 25px; }
#form .formContents 	{ margin-top: 13px; }
#form .formContents>div {  }
#form .formContents>div:nth-of-type(n+2){ margin-top: 1px; }
#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: 10px; 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: 180px; padding: 13px 13px; resize: vertical; border: 0; background-color: #fff; }
#form .confirmBtn 		{ width: 90%; max-width: 250px; height: 55px; margin: 22px auto 0; display: block; border-radius: 5px; border: 0; background: #00AECC; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#form .confirmBtn:hover {  }

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

#main.confirm 			{  }
#main.confirm .textBox p{ text-align: center; }
#main.confirm .master 	{ width: 90%; 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: #efefef; }
#main.confirm dl>div dd{ padding: 0 10px 10px 10px; }
#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: #00AECC; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; font-size: .9rem; letter-spacing: .2rem; }
#main.confirm ul li .subBtn:hover {  }
}