@charset "utf-8";
/*.design-bg{ width: 1280px; height: 2428px; background: url('../design_img/inquiry.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: 1280px; }*/

input::-webkit-input-placeholder{ color: #a2a2a2; }
input:-ms-input-placeholder{ color: #a2a2a2; }
input::placeholder 		{ color: #a2a2a2; }
textarea::-webkit-input-placeholder{ color: #a2a2a2; }
textarea:-ms-input-placeholder{ color: #a2a2a2; }
textarea::placeholder 	{ color: #a2a2a2; }
input:-webkit-autofill 	{ -webkit-box-shadow: 0 0 0px 1000px #ddd inset; }
#thanks 				{ text-align: center; }
#thanks p 				{ line-height: 1.8; }
#thanks p:first-of-type { margin-bottom: 1em; }
#thanks .btn 			{ width: 90%; max-width: 300px; margin: 77px auto 0; height: 60px; line-height: 60px; display: block; background: #aec21a; text-align: center; font-size: 1.15rem; color: #fff; letter-spacing: .1em; font-weight: 300; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }

@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/inquiry/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#main section 			{ max-width: 1100px; margin-top: 132px; }
#main section .info .box{ margin-top: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#main section .info .box .balloon{ width: 269px; height: 92px; margin-right: 15px; margin-left: -25px; padding: 15px 22px; position: relative; font-size: 1.25rem; background: url('../img/inquiry/balloon.svg') 0 0 no-repeat; }
#main section .info .tel{  }
#main section .info .tel p:nth-of-type(1){ font-size: 2.3rem; font-weight: 700; }
#main section .info .tel p:nth-of-type(1) a{ margin-left: 10px; font-size: 3.5rem; }
#main section .info .tel p:nth-of-type(2){ margin-top: 8px; }

#main section .form 	{ margin-top: 90px; }
#main section .form h2 	{ margin-bottom: 22px; }
#main section .form .text{ font-size: .81rem; line-height: 2; }
#main section .form .requiredText{ margin-top: -10px; color: #f00; text-align: right; }
#main section .form dl 	{ margin-top: 29px; }
#main section .form dl div{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#main section .form dl div:nth-of-type(n+2){ margin-top: 21px; }
#main section .form dl div dt{ width: 223px; padding: 27px 0 0 10px; }
#main section .form dl div dt sup{ color: #f00; }
#main section .form dl div dd{ width: calc(100% - 223px); }

#main section .form dl div dd .widthS{ width: 100%; max-width: 186px; }
#main section .form dl div dd .widthM{ width: 100%; max-width: 456px; }
#main section .form dl div dd .widthL{ width: 100%; }
#main section .form input[type="text"],#main section .form input[type="tel"],#main section .form input[type="email"],#main section .form textarea{ padding: 19px 20px; border: 1px solid #cacaca; }
#main section .form select{ width: 100%; max-width: 411px; padding: 17px 20px; border: 1px solid #cacaca; }
#main section .form textarea{ width: 100%; height: 198px; resize: vertical; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main section .form .bottomText{ margin-top: 45px; padding: 0 0 0 18px; font-size: .95rem; }
#main section .form .bottomText a{ text-decoration: underline; }
#main section .form .agreeBtn 	{ margin-top: 6px; padding-left: 18px; font-size: .95rem; }
#main section .form .confirmBtn { width: 90%; max-width: 420px; margin: 77px auto 0; height: 60px; line-height: 60px; display: block; background: #aec21a; text-align: center; font-size: 1.15rem; color: #fff; letter-spacing: .1em; font-weight: 300; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
#main section .form .confirmBtn:hover{ opacity: .6; }
#main section .form input[type="submit"]{  }
#main section .form input[type="submit"]:hover{  }
#main section .form .submitBtnUl{ width: 600px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main section .form .submitBtnUl li{ width: 48%; }
#main section .form .submitBtnUl li:nth-of-type(2){ margin-left: auto; }
#main section .form .submitBtnUl li input{ width: 100%; max-width: 530px; margin: 77px auto 0; height: 60px; line-height: 60px; display: block; background: #aec21a; text-align: center; font-size: 1.15rem; color: #fff; letter-spacing: .1em; font-weight: 300; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
#main section .form .submitBtnUl li:nth-of-type(1) input{ background-color: #ddd; color: #534741; }
#main section .form .submitBtnUl li input:hover{ opacity: .6; }
.wpcf7c-conf 			{ background-color: #ddd!important; }
}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1050px) and (min-width: 751px) {
#main section .info .box .balloon{ margin-left: 0; }
#main section .info .tel p:nth-of-type(1){ font-size: 1.7rem; }
#main section .info .tel p:nth-of-type(1) a{ margin-left: 5px; font-size: 2.8rem; }
}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/inquiry/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#main section 			{ margin-top: 50px; }
#main section .info .box{ margin: 30px auto 0; }
#main section .info .box .balloon{ width: 220px; height: 75px; margin-right: 15px; padding: 13px 20px; position: relative; font-size: 1rem; background: url('../img/inquiry/balloon.svg') 0 0 no-repeat; background-size: 220px; }
#main section .info .tel{ margin-top: 15px; }
#main section .info .tel p:nth-of-type(1){ font-size: 1.5rem; font-weight: 700; }
#main section .info .tel p:nth-of-type(1) a{ margin-left: 8px; font-size: 2.1rem; }
#main section .info .tel p:nth-of-type(2){ margin-top: 5px; }

#main section .form 	{ margin-top: 80px; }
#main section .form h2 	{ margin-bottom: 22px; }
#main section .form .text{ font-size: .81rem; line-height: 2; }
#main section .form .requiredText{ margin-top: -10px; color: #f00; text-align: right; }
#main section .form dl 	{ margin-top: 30px; }
#main section .form dl div{  }
#main section .form dl div:nth-of-type(n+2){ margin-top: 25px; }
#main section .form dl div dt{ padding: 0 0 0 10px; }
#main section .form dl div dt sup{ color: #f00; }
#main section .form dl div dd{ margin-top: 10px; }

#main section .form dl div dd .widthS{ width: 100%; max-width: 186px; }
#main section .form dl div dd .widthM{ width: 100%; max-width: 456px; }
#main section .form dl div dd .widthL{ width: 100%; }
#main section .form input[type="text"],#main section .form input[type="tel"],#main section .form input[type="email"],#main section .form textarea{ padding: 15px 10px; border: 1px solid #cacaca; }
#main section .form select{ width: 100%; max-width: 411px; padding: 13px 10px; border: 1px solid #cacaca; }
#main section .form textarea{ width: 100%; height: 150px; resize: vertical; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main section .form .bottomText{ margin-top: 30px; padding: 0; font-size: .95rem; }
#main section .form .bottomText a{ text-decoration: underline; }
#main section .form .agreeBtn 	{ margin-top: 6px; font-size: .95rem; }
#main section .form .confirmBtn { width: 100%; max-width: 420px; margin: 50px auto 0; height: 50px; line-height: 50px; display: block; background: #aec21a; text-align: center; font-size: 1rem; color: #fff; letter-spacing: .1em; font-weight: 300; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
#main section .form .confirmBtn:hover{ opacity: .6; }
#main section .form input[type="submit"]{  }
#main section .form input[type="submit"]:hover{  }
#main section .form .submitBtnUl{ max-width: 600px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main section .form .submitBtnUl li{ width: 48%; }
#main section .form .submitBtnUl li:nth-of-type(2){ margin-left: auto; }
#main section .form .submitBtnUl li input{ width: 100%; max-width: 530px; margin: 50px auto 0; height: 50px; line-height: 50px; display: block; background: #aec21a; text-align: center; font-size: 1rem; color: #fff; letter-spacing: .1em; font-weight: 300; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
#main section .form .submitBtnUl li:nth-of-type(1) input{ background-color: #ddd; color: #534741; }
#main section .form .submitBtnUl li input:hover{ opacity: .6; }
.wpcf7c-conf 			{ background-color: #ddd!important; }
}