.custom-contact-page-container{background-color:#cde2ce;padding:100px 0}.contact-page__hero-banner{width:100%;height:350px;overflow:hidden;margin-bottom:40px}.contact-page__hero-image{width:100%;height:100%;object-fit:cover}.contact-page-header{text-align:center;margin-bottom:40px}.contact-page__hero-banner+.page-width .contact-page-header{margin-top:0}.contact-page-title-en{font-size:42px;font-weight:700;letter-spacing:.05em;color:#111;margin:0}.contact-page-title-ja{font-size:16px;font-weight:500;color:#333;margin:5px 0 0}.custom-contact-form-wrapper{background-color:#fff;padding:20px 0}.field-row{display:flex;border-bottom:1px solid #eee;padding:25px 20px}.field-row:first-child{border-top:1px solid #eee}.field-row__label{width:25%;padding-right:20px;font-weight:500;font-size:16px;display:flex;align-items:center}.field-row__label label{margin-right:1em}.label-required,.label-optional{font-size:12px;padding:3px 8px;border-radius:4px;color:#fff;white-space:nowrap}.label-required{background-color:#e54d56}.label-optional{background-color:#aaa}.field-row__input{width:75%}.custom-contact-form input[type=text],.custom-contact-form input[type=email],.custom-contact-form input[type=tel],.custom-contact-form textarea,.custom-contact-form select{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#f7f7f7;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.custom-contact-form input:focus,.custom-contact-form textarea:focus,.custom-contact-form select:focus{outline:none;border-color:#888;background-color:#fff}.custom-contact-form textarea{min-height:150px;resize:vertical}.field-note{font-size:14px;color:#555;margin-top:10px}.contact__button{text-align:center;margin-top:50px}.contact__button .button{background-color:#333;color:#fff;padding:16px 80px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .3s}.contact__button .button:hover{opacity:.8}.form-field-error{color:#e54d56;font-size:14px;margin-top:10px}.input-error{border-color:#e54d56!important;background-color:#fff5f5!important}.form-status-success{padding:20px;margin:20px;border-radius:8px;background-color:#e8f5e9;text-align:center}@media screen and (max-width:768px){.field-row{flex-direction:column;padding:20px 15px}.field-row__label,.field-row__input{width:100%}.field-row__label{padding-right:0;margin-bottom:10px;align-items:flex-start}.contact-page-title-en{font-size:32px}.contact-page__hero-banner{height:250px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-contact-page.css.map */