.contact-form{grid-column:1 / -1;display:grid;grid-template-columns:var(--content-grid)}.contact-form>*{grid-column:2}.contact-form>.full-width{grid-column:1 / -1}.contact__body{width:96rem;margin:0 auto;padding:4rem 0 8rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.contact__description{width:100%;font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-main);line-height:1.7;text-align:justify}.contact__errors{width:100%;padding:1.6rem 2.4rem;background-color:#fef2f2;border:1px solid #dc2626;border-radius:.8rem;font-size:1.4rem;color:#dc2626;line-height:1.5}.contact__errors ul{list-style:disc;padding-left:2rem}.contact__fields{width:100%}.contact__field{display:flex;align-items:flex-start;padding:2.4rem 0;border-bottom:1px solid #ccc}.contact__field-label{display:flex;align-items:center;justify-content:space-between;width:28rem;min-height:6rem;padding-right:4rem;flex-shrink:0}.contact__label-text{font-family:var(--font-noto-serif);font-weight:700;font-size:1.8rem;letter-spacing:.09rem;color:var(--color-main);line-height:1.5;text-align:justify}.contact__required{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:2.4rem;background-color:var(--color-accent);border-radius:.8rem;font-family:var(--font-noto-sans);font-weight:700;font-size:1.2rem;letter-spacing:.06rem;color:var(--color-white);flex-shrink:0}.contact__field-input{flex:1;min-width:0}.contact__input,.contact__textarea{width:100%;min-height:6rem;padding:1.8rem 1.6rem;background-color:var(--color-white);border:1px solid var(--color-main);border-radius:.8rem;font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-main);line-height:1.5;text-align:justify;outline:none}.contact__input::placeholder,.contact__textarea::placeholder{color:#aaa}.contact__textarea{resize:vertical;min-height:16rem}.contact__submit{width:40rem;height:6rem;background-color:var(--color-accent);border-radius:.8rem;font-family:var(--font-noto-serif);font-weight:700;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-white);transition:opacity .2s}.contact__submit:hover{opacity:.85}.contact__submit:disabled{opacity:.6;cursor:wait}.contact__submit:disabled:hover{opacity:.6}.contact__complete{display:flex;align-items:center;justify-content:center;min-height:42.8rem}.contact__complete-inner{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.contact__complete-title{font-family:var(--font-noto-serif);font-weight:700;font-size:3.2rem;letter-spacing:.16rem;color:var(--color-main);text-align:center;line-height:1.5}.contact__complete-message{font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;letter-spacing:.08rem;color:#999;text-align:center;line-height:1.5}.contact__complete-message span{display:inline}.contact__complete-btn{display:inline-flex;align-items:center;justify-content:center;width:32rem;height:6rem;background-color:var(--color-base);border:1px solid var(--color-main);border-radius:.8rem;font-family:var(--font-noto-serif);font-weight:700;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-main);transition:opacity .2s}.contact__complete-btn:hover{opacity:.85}.contact__complete-btn-text--sp{display:none}@media screen and (max-width:767px){.contact__body{width:32.7rem;padding:0 0 6rem;gap:2rem}.contact__description{font-size:1.3rem;letter-spacing:.065rem}.contact__field{flex-direction:column;align-items:stretch;gap:.8rem;padding:1.6rem 0}.contact__field-label{width:100%;min-height:auto;padding-right:0}.contact__label-text{font-size:1.4rem;letter-spacing:.07rem}.contact__required{font-size:1.1rem;letter-spacing:.055rem}.contact__input,.contact__textarea{min-height:auto;padding:1.6rem}.contact__submit{width:100%}.contact__complete{min-height:28.6rem}.contact__complete-inner{width:32.7rem}.contact__complete-title{font-size:2rem;letter-spacing:.1rem}.contact__complete-message{font-size:1.3rem;letter-spacing:.065rem}.contact__complete-message span{display:block}.contact__complete-btn{width:100%;height:5.6rem}.contact__complete-btn-text--pc{display:none}.contact__complete-btn-text--sp{display:inline}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/contact.css.map */