.contact-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:clamp(40px,calc(5vw + 20px),80px) 0;background-color:#fff0f0;box-sizing:border-box}.contact-section__container{width:100%;max-width:clamp(320px,calc(57.52vw + 95.67px),1200px);padding:0 16px;box-sizing:border-box}.contact-section__header{margin-bottom:clamp(30px,calc(3vw + 18px),60px)}.contact-section__title{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:clamp(24px,calc(1.05vw + 19.92px),40px)}.contact-section__form{display:flex;flex-direction:column;gap:clamp(20px,calc(3.01vw + 8.26px),66px)}.contact-section__success{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;padding:20px;text-align:center}.contact-section__success p{margin:0;color:#2e7d32;font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.6}.contact-section__errors{background-color:#ffebee;border:1px solid #f44336;border-radius:8px;padding:20px;text-align:center}.contact-section__errors p{margin:0;color:#c62828;font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.6}.contact-section__field{display:flex;flex-direction:column;gap:12px}.contact-section__label-group{display:flex;align-items:center;gap:clamp(12px,calc(5.49vw - 9.41px),96px)}.contact-section__label{font-family:Noto Sans JP,sans-serif;font-size:clamp(14px,calc(.13vw + 13.49px),16px);font-weight:500;color:#000;white-space:nowrap}.contact-section__required{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(46px,calc(1.31vw + 40.89px),66px);height:clamp(20px,calc(.52vw + 17.97px),28px);padding:0 8px;background-color:#ff9e9e;border-radius:4px;font-family:Noto Sans JP,sans-serif;font-size:clamp(14px,calc(.13vw + 13.49px),16px);font-weight:500;color:#fff;flex-shrink:0;box-sizing:border-box}.contact-section__input,.contact-section__select,.contact-section__textarea{width:100%;height:50px;padding:0 16px;border:1px solid #cccccc;border-radius:10px;font-family:Noto Sans JP,sans-serif;font-size:clamp(12px,calc(.26vw + 10.99px),16px);color:#000;background-color:#fff;box-sizing:border-box;outline:none;transition:border-color .2s ease}.contact-section__input:focus,.contact-section__select:focus,.contact-section__textarea:focus{border-color:#e62f28}.contact-section__input::placeholder,.contact-section__textarea::placeholder{color:#999}.contact-section__select-wrapper{position:relative;width:100%}.contact-section__select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:48px}.contact-section__select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#e62f28;pointer-events:none}.contact-section__dropdown{position:relative;width:100%}.contact-section__dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 16px;border:1px solid #cccccc;border-radius:10px;font-family:Noto Sans JP,sans-serif;font-size:clamp(12px,calc(.26vw + 10.99px),16px);color:#999;background-color:#fff;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease}.contact-section__dropdown.has-value .contact-section__dropdown-toggle{color:#000}.contact-section__dropdown.is-open .contact-section__dropdown-toggle{border-color:#e62f28;border-bottom-left-radius:0;border-bottom-right-radius:0}.contact-section__dropdown-text{flex:1;text-align:left}.contact-section__dropdown-arrow{width:24px;height:24px;color:#e62f28;flex-shrink:0;transition:transform .2s ease}.contact-section__dropdown.is-open .contact-section__dropdown-arrow{transform:rotate(180deg)}.contact-section__dropdown-menu{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #E62F28;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .2s ease,opacity .2s ease;z-index:100}.contact-section__dropdown.is-open .contact-section__dropdown-menu{max-height:300px;opacity:1}.contact-section__dropdown-item{padding:12px 16px;font-family:Noto Sans JP,sans-serif;font-size:clamp(12px,calc(.26vw + 10.99px),16px);color:#000;cursor:pointer;transition:background-color .2s ease}.contact-section__dropdown-item:hover{background-color:#fff5f5}.contact-section__dropdown-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.contact-section__textarea{height:100px;padding:16px;resize:vertical;min-height:100px}.contact-section__submit-wrapper{display:flex;justify-content:center;align-items:center;margin-top:clamp(45px,calc(4.25vw + 28.42px),110px)}.contact-section__submit{display:inline-flex;align-items:center;justify-content:center;gap:clamp(8px,calc(.5vw + 6px),12px);width:clamp(180px,calc(6.8vw + 153.48px),284px);height:clamp(40px,calc(.72vw + 37.19px),51px);background-color:#e62f28;border:none;border-radius:50px;cursor:pointer;transition:opacity .2s ease}.contact-section__submit:hover{opacity:.8}.contact-section__submit-text{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:clamp(12px,calc(.3vw + 10.5px),14px);color:#fff}.contact-section__submit-icon{width:clamp(20px,calc(.5vw + 17px),25px);height:clamp(20px,calc(.5vw + 17px),25px);color:#fff}@media screen and (min-width:750px){.contact-section__container{padding:0 clamp(20px,calc(.98vw + 16.18px),35px) 0 0}.contact-section__field{flex-direction:row;align-items:center;justify-content:flex-start}.contact-section__label-group{flex-shrink:0;justify-content:flex-start;gap:clamp(8px,calc(.52vw + 5.97px),16px);margin-right:clamp(16px,calc(1.31vw + 10.89px),36px)}.contact-section__label{width:130px;min-width:130px;flex-shrink:0}.contact-section__required{width:clamp(46px,calc(1.31vw + 40.89px),66px);min-width:clamp(46px,calc(1.31vw + 40.89px),66px);height:clamp(20px,calc(.52vw + 17.97px),28px)}.contact-section__input,.contact-section__select-wrapper,.contact-section__dropdown,.contact-section__textarea{width:clamp(320px,calc(38.89vw + 168.29px),915px);min-width:auto;max-width:915px;flex-shrink:1}.contact-section__select-wrapper .contact-section__select{width:100%}}@media screen and (max-width:749px){.contact-section__container{max-width:320px;padding:0}.contact-section__field{gap:12px;align-items:flex-start}.contact-section__label-group{gap:12px}.contact-section__label{width:auto;min-width:auto}.contact-section__required{width:46px;min-width:46px;height:20px}.contact-section__input,.contact-section__select-wrapper,.contact-section__dropdown,.contact-section__textarea{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-contact.css.map */