#c-top,#emailError{margin-top:-100px;padding-top:100px}.any,.req{position:relative}.any::before,.req::before{font-size:var(--fz16);width:64px;height:16px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:-48px;transform:translateY(-50%);color:#fff;border-radius:24px}.req::before{content:"※";color:var(--main-color)}.block{padding:var(--vw100) 15px;max-width:800px;margin:0 auto}.block>p{text-align:center;margin-bottom:var(--vw30)}.block .step{display:flex;align-items:center;overflow:hidden;margin-bottom:var(--vw30)}.block .step>div{width:38.3333333333%;height:45px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;background-color:#fff;clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0)}.block .step>div::before{content:"";width:10%;height:100%;position:absolute;top:0;right:0;z-index:-2;background-color:#a0a0a0}.block .step>div::after{content:"";width:100%;height:100%;position:absolute;top:0;left:-2px;z-index:-1;background-color:#fff;clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);border-top:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0}.block .step>div:first-of-type{z-index:3}.block .step>div:nth-of-type(2){margin-left:-5%;z-index:2}.block .step>div:last-of-type{margin-left:-5%;z-index:1}.block .step>div p{color:#a0a0a0;display:flex;justify-content:center;align-items:center;font-weight:bold;line-height:1}.block .step>div p span{width:25px;display:flex;justify-content:center;align-items:center;background-color:#a0a0a0;border-radius:50%;aspect-ratio:1/1;margin-right:25px;color:#fff}.block .step+p{font-size:1.6rem}.block .step+p span{color:var(--dark)}.block .step[data-step="0"]>div:first-of-type{background-color:var(--dark)}.block .step[data-step="0"]>div:first-of-type::before,.block .step[data-step="0"]>div:first-of-type::after{visibility:hidden}.block .step[data-step="0"]>div:first-of-type p{color:#fff}.block .step[data-step="0"]>div:first-of-type p span{color:var(--dark);background-color:#fff}.block .step[data-step="1"]>div:first-of-type::before,.block .step[data-step="1"]>div:first-of-type::after{visibility:visible}.block .step[data-step="1"]>div:first-of-type::before{background-color:#fff}.block .step[data-step="1"]>div:first-of-type::after{background-color:var(--dark);border:none}.block .step[data-step="1"]>div:first-of-type p{color:#fff;opacity:.5}.block .step[data-step="1"]>div:first-of-type p span{color:var(--dark);background-color:#fff}.block .step[data-step="1"]>div:nth-of-type(2){background-color:var(--dark)}.block .step[data-step="1"]>div:nth-of-type(2)::before,.block .step[data-step="1"]>div:nth-of-type(2)::after{display:none}.block .step[data-step="1"]>div:nth-of-type(2) p{color:#fff}.block .step[data-step="1"]>div:nth-of-type(2) p span{color:var(--dark);background-color:#fff}.block .step[data-step="2"]>div:first-of-type::before,.block .step[data-step="2"]>div:first-of-type::after,.block .step[data-step="2"]>div:nth-of-type(2)::before,.block .step[data-step="2"]>div:nth-of-type(2)::after{visibility:visible}.block .step[data-step="2"]>div:first-of-type::before,.block .step[data-step="2"]>div:nth-of-type(2)::before{background-color:#fff}.block .step[data-step="2"]>div:first-of-type::after,.block .step[data-step="2"]>div:nth-of-type(2)::after{background-color:var(--dark);border:none}.block .step[data-step="2"]>div:first-of-type p,.block .step[data-step="2"]>div:nth-of-type(2) p{color:#fff;opacity:.5}.block .step[data-step="2"]>div:first-of-type p span,.block .step[data-step="2"]>div:nth-of-type(2) p span{color:var(--dark);background-color:#fff}.block .step[data-step="2"]>div:nth-of-type(3){background-color:var(--dark)}.block .step[data-step="2"]>div:nth-of-type(3)::before,.block .step[data-step="2"]>div:nth-of-type(3)::after{display:none}.block .step[data-step="2"]>div:nth-of-type(3) p{color:#fff}.block .step[data-step="2"]>div:nth-of-type(3) p span{color:var(--dark);background-color:#fff}#contact-form{width:100%;max-width:1200px;margin:0 auto;font-size:var(--fz15)}#contact-form .input-column{width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}#contact-form .input-column.aic{align-items:center}#contact-form .input-column h3{font-size:var(--fz16);font-weight:normal;margin-top:8px}#contact-form .input-column small{font-size:1.3rem;margin-top:5px}#contact-form .input-column input[type=text],#contact-form .input-column input[type=radio],#contact-form .input-column input[type=tel],#contact-form .input-column input[type=email],#contact-form .input-column select{outline:none;box-shadow:none;appearance:none;border:none}#contact-form .input-column input[type=text]::placeholder,#contact-form .input-column input[type=radio]::placeholder,#contact-form .input-column input[type=tel]::placeholder,#contact-form .input-column input[type=email]::placeholder,#contact-form .input-column select::placeholder{color:#c9c9c9}#contact-form .input-column .text,#contact-form .input-column .email,#contact-form .input-column .select{width:calc(100% - 180px);min-height:30px;display:flex;align-items:flex-start;flex-direction:column;transition:.4s;position:relative}#contact-form .input-column .birthday{display:flex;gap:0 20px;width:calc(100% - 180px)}#contact-form .input-column .birthday>div{display:flex;align-items:center;gap:8px}#contact-form .input-column .birthday .select{width:fit-content}#contact-form .input-column .birthday select{width:180px;padding:10px 20px}#contact-form .input-column .radio-area{display:flex;flex-wrap:wrap;width:calc(100% - 180px);gap:0 var(--vw40)}#contact-form .input-column .radio{width:calc(50% - var(--vw20));max-width:330px;border:1px solid #c9c9c9;padding:8px;background-color:#fff;display:flex;align-items:center;min-height:30px}#contact-form .input-column .radio input[type=radio]{width:20px;height:20px;border:1px solid var(--dark);border-radius:50%;margin:0 10px 0 0;position:relative}#contact-form .input-column .radio input[type=radio]:checked{border:1px solid var(--main-color);background-color:var(--main-color)}#contact-form .input-column .radio input[type=radio]:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;width:10px;height:10px;z-index:1;border-radius:50%}#contact-form .input-column .radio.b-none{width:fit-content;border:none;padding:0}#contact-form .input-column input[type=text],#contact-form .input-column input[type=tel],#contact-form .input-column input[type=email],#contact-form .input-column select{border:1px solid #c9c9c9;padding:8px;width:100%;height:100%;transition:.4s;font-weight:normal}#contact-form .input-column input[type=text]:focus,#contact-form .input-column input[type=tel]:focus,#contact-form .input-column input[type=email]:focus,#contact-form .input-column select:focus{border:1px solid var(--main-color)}#contact-form .input-column select{min-height:40px}#contact-form .input-column .old-area{display:flex;align-items:center;gap:0 10px}#contact-form .input-column .old-area input[type=text]{width:120px;padding:10px 20px}#contact-form .input-column .old-area input[type=text]:required~span{left:22px}#contact-form .input-column .zipcode{display:flex;align-items:center;width:200px}#contact-form .input-column .zipcode input[type=tel]{margin-left:8px}#contact-form .input-column .zipcode input[type=tel]:required~span{left:22px}#contact-form .input-column .select{position:relative}#contact-form .input-column .select::before{position:absolute;top:30%;right:15px;display:block;content:"";width:8px;height:8px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(135deg) translateY(-50%);z-index:3}#contact-form .input-column input[type=text]:required+span,#contact-form .input-column input[type=tel]:required+span,#contact-form .input-column input[type=email]:required+span,#contact-form .input-column select:required+span{position:absolute;top:-18px;left:0;font-size:1.2rem}#contact-form .input-column input[type=text]:required:user-invalid,#contact-form .input-column input[type=tel]:required:user-invalid,#contact-form .input-column input[type=email]:required:user-invalid,#contact-form .input-column select:required:user-invalid{border:1px solid #db4c4d;background-color:#fff4f2}#contact-form .input-column input[type=text]:required:user-invalid~span::after,#contact-form .input-column input[type=tel]:required:user-invalid~span::after,#contact-form .input-column input[type=email]:required:user-invalid~span::after,#contact-form .input-column select:required:user-invalid~span::after{content:"※入力欄が空です";color:#db4c4d;white-space:nowrap}#contact-form .input-column input[type=text]:required:user-valid,#contact-form .input-column input[type=tel]:required:user-valid,#contact-form .input-column input[type=email]:required:user-valid,#contact-form .input-column select:required:user-valid{background-color:#fff;border:1px solid #c9c9c9}#contact-form .input-column input[type=text]:required:user-valid~span::after,#contact-form .input-column input[type=tel]:required:user-valid~span::after,#contact-form .input-column input[type=email]:required:user-valid~span::after,#contact-form .input-column select:required:user-valid~span::after{content:"✓入力済み";color:var(--main-color)}#contact-form .input-column input[type=email]:required:user-invalid~span::after{content:"○○@○○.○○の形式で入力してください"}#contact-form .input-column select:required:user-invalid~span::after{content:"※項目が選択されていません"}#contact-form .input-column input[type=email].none{border:1px solid #db4c4d !important;background-color:#fff4f2 !important}#contact-form .input-column input[type=email].none~span::after{content:"※メールアドレスが一致していません" !important;color:#db4c4d !important}#contact-form .input-column .textarea{width:calc(100% - 180px);position:relative}#contact-form .input-column .textarea .dummy{overflow:hidden;visibility:hidden;box-sizing:border-box;padding:5px 15px;min-height:230px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border:1px solid}#contact-form .input-column .textarea textarea{position:absolute;top:0;left:0;z-index:3;box-sizing:border-box;padding:8px;width:100%;height:100%;background-color:rgba(0,0,0,0);border:1px solid #c9c9c9;color:inherit;font:inherit;letter-spacing:inherit;resize:none}#contact-form .input-column .textarea textarea::placeholder{color:#c9c9c9}#contact-form .input-column .textarea textarea:focus{border:1px solid var(--main-color)}#contact-form .input-column .textarea textarea~span{position:absolute;top:-16px;left:0;font-size:1.2rem}#contact-form .input-column .textarea textarea:user-invalid{border:1px solid #db4c4d;background-color:#fff4f2}#contact-form .input-column .textarea textarea:user-invalid~span::after{content:"※入力欄が空です";color:#db4c4d}#contact-form .input-column .textarea textarea:user-valid{background-color:#fff;border:1px solid #c9c9c9}#contact-form .input-column .textarea textarea:user-valid~span::after{content:"✓入力済み";color:var(--main-color)}#contact-form .input-column .kana input[type=text]:required:user-invalid~span::after{content:"※全角カタカナで入力してください"}#contact-form .input-column .tel input[type=tel]:required:user-invalid~span::after{content:"※半角数字のみで入力してください"}#contact-form .privacy-policy{padding:30px 30px 5px;background-color:var(--gray);border:1px solid #cdcdcd;width:100%;height:300px;overflow:auto;margin-top:100px}#contact-form .privacy-policy h3{font-size:1.8rem;margin-bottom:25px}#contact-form .privacy-policy h4{font-size:var(--fz15);margin-bottom:5px}#contact-form .privacy-policy p{margin-bottom:25px}#contact-form .agreement{margin:0 auto;display:flex;justify-content:center}#contact-form .agreement label{display:flex;justify-content:center;align-items:center}#contact-form .agreement label>span{display:block;width:24px;height:24px;margin-right:15px;position:relative}#contact-form .agreement label>span input[type=checkbox]{width:100%;height:100%;border:2px solid #c9c9c9;appearance:none;padding:0;margin:0;background-color:#fff}#contact-form .agreement label>span input[type=checkbox]~span{position:absolute;bottom:-18px;left:0;font-size:1.2rem}#contact-form .agreement label>span input[type=checkbox]:user-invalid{border:1px solid #db4c4d}#contact-form .agreement label>span input[type=checkbox]:user-invalid~span::after{content:"※個人情報の取り扱いに同意する必要があります";color:#db4c4d;white-space:nowrap}#contact-form .agreement label>span input[type=checkbox]:user-valid{background-color:var(--main-color);border:1px solid var(--main-color)}#contact-form .agreement label>span input[type=checkbox]:user-valid~span::after{content:""}#contact-form .agreement label>span input[type=checkbox]:checked{transition:.4s;background-color:var(--main-color);border:1px solid var(--main-color)}#contact-form .agreement label>span svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:18px;height:18px}#contact-form .agreement label>span svg path{fill:none;stroke:#fff;stroke-width:4px}#contact-form .agreement label a,#contact-form .agreement label button{color:var(--main-color);text-decoration:underline;transition:.4s}#contact-form .agreement label a:hover,#contact-form .agreement label button:hover{opacity:.5}#contact-form .attention{margin-top:var(--vw30);display:flex;justify-content:center}#contact-form .precautions{width:900px;margin-left:-100px;margin-top:60px}#contact-form .precautions a{color:var(--main-color);border-bottom:1px solid var(--main-color);transition:.4s}#contact-form .precautions a:hover{opacity:.5}.b-area{display:flex;justify-content:center;margin-top:60px}.b-area button{margin:0 15px;width:290px;height:50px;display:flex;justify-content:center;align-items:center;gap:8px;transition:.4s;background-color:var(--main-color);color:#fff;border-radius:60px;cursor:pointer}.b-area button svg{width:12px;margin-left:20px}.b-area button svg path{fill:#fff}.b-area button:disabled{background-color:#a0a0a0;pointer-events:none;user-select:none}.b-area button#validationBtn{width:100%;max-width:280px}.b-area button#back-to-form{border:1px solid var(--main-color);color:var(--main-color);background-color:#fff}.b-area button:hover{opacity:.5}#confirmation{width:100%;max-width:730px;margin:0 auto;font-size:var(--fz15)}#confirmation h3{font-size:2rem}#confirmation dl{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:12px;border-top:1px solid #d9d9d9}#confirmation dl:first-of-type{margin-top:40px}#confirmation dl dd{width:100%;margin-top:10px}#confirmation dl dd input{outline:none;box-shadow:none;appearance:none;border:none;background:none;width:100%;height:auto}#confirmation dl dd textarea{outline:none;box-shadow:none;appearance:none;border:none;background:none;width:100%;height:auto;resize:none}#thankyou{width:100%;max-width:730px;padding:var(--vw60) var(--vw40);margin:0 auto}#thankyou h3{font-size:2rem;margin-bottom:40px}#thankyou p{text-align:center}#thankyou .btn-area{margin-top:60px;display:flex;justify-content:center}#thankyou .btn-area a{width:240px;height:50px;border:1px solid var(--dark);display:flex;justify-content:center;align-items:center;gap:8px;transition:.4s}#thankyou .btn-area a:hover{background-color:var(--main-color);border-color:var(--main-color);color:#fff}#confirmation,#thankyou{display:none}@media screen and (max-width: 1024px){#contact-form{padding-left:15px;padding-right:15px}#contact-form .input-column .birthday select{width:140px}#contact-form .precautions{width:100%;margin-left:0}.personal-modal .modal-content{width:calc(100% - 10px)}.personal-modal .modal-content .text-area{padding:60px 60px 60px 30px}.personal-modal .modal-content .text-area strong{font-size:4rem;margin-bottom:60px}}@media screen and (max-width: 768px){body{font-size:1.6rem}.block{padding-top:60px}.block>p{font-size:1.4rem}.block .tel-box{margin-top:40px}.block .step>div{height:65px}.block .step>div p{align-items:center;flex-direction:column;font-size:1.4rem}.block .step>div p span{width:30px;margin-right:0;margin-bottom:5px}.block .step+p{padding:0 15px;text-align:left}#contact-form .input-column{padding-right:0;flex-wrap:wrap;padding-bottom:10px}#contact-form .input-column h3{margin-top:0;margin-bottom:0}#contact-form .input-column .text,#contact-form .input-column .email,#contact-form .input-column .select{width:100%;margin-top:10px;padding:4px;min-height:40px}#contact-form .input-column .birthday{width:100%;flex-direction:column;margin-top:10px;gap:10px}#contact-form .input-column .birthday .select{margin-top:0}#contact-form .input-column .birthday .select select{width:180px}#contact-form .input-column .radio-area{width:100%;margin-top:10px}#contact-form .input-column .old-area input[type=text]{padding:10px}#contact-form .input-column .textarea{width:100%;margin-top:10px}#contact-form .input-column input[type=text],#contact-form .input-column input[type=tel],#contact-form .input-column input[type=email],#contact-form .input-column select{padding:10px}#contact-form .input-column input[type=text]:required+span,#contact-form .input-column input[type=tel]:required+span,#contact-form .input-column input[type=email]:required+span,#contact-form .input-column select:required+span{top:-14px}#contact-form .agreement{margin-top:30px}#contact-form .agreement label>span input[type=checkbox]~span{bottom:-29px}#confirmation dl{flex-wrap:wrap;padding:15px}#confirmation dl dd{width:100%}.b-area{flex-wrap:wrap;justify-content:center;margin-top:60px}.b-area button{margin:0 auto 20px;height:56px}.b-area button#submit-form,.b-area button#back-to-form{width:48%;margin:0 1%}}/*# sourceMappingURL=contact.min.css.map */