.x3-form{background:var(--x3-form-bg, #000);padding:clamp(48px,3.91vw,100px) clamp(16px,16.8vw,430px);position:relative;z-index:5}.x3-form__inner{max-width:1700px;margin:0 auto;text-align:center}.x3-form__title{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:600;font-size:clamp(34px,2.891vw,74px);color:var(--x3-form-title-color, #ffc100);margin:0 0 clamp(48px,3.906vw,100px);letter-spacing:0;line-height:1.3;text-align:center}.x3-form__card{background:var(--x3-form-card-bg, #fffcf5);border-radius:clamp(16px,.938vw,24px);padding:clamp(48px,5.078vw,130px) clamp(24px,11.992vw,307px) clamp(48px,3.91vw,100px);text-align:left}.x3-form__field{margin-bottom:clamp(20px,1.875vw,48px);display:flex;align-items:center;gap:clamp(20px,2.344vw,60px)}.x3-form__field:last-of-type{margin-bottom:0}.x3-form__label{display:inline-flex;align-items:center;flex-shrink:0;width:clamp(180px,17.5vw,448px);font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:clamp(18px,1.5625vw,40px);font-weight:500;color:var(--x3-form-label-color, #333);margin-bottom:0;line-height:1.3;letter-spacing:.02em;white-space:nowrap}.x3-form__helper{position:absolute;top:50%;left:100%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,1.5625vw,40px);height:clamp(24px,1.5625vw,40px);border-radius:50%;background:transparent;color:#999;font-size:clamp(14px,.9375vw,24px);font-weight:400;text-decoration:none;margin-left:clamp(8px,.625vw,16px);border:1px solid #999;box-sizing:border-box}.x3-form__helper-btn{position:absolute;top:50%;left:calc(100% + clamp(8px,.625vw,16px));transform:translateY(-50%);width:clamp(24px,1.5625vw,40px);height:clamp(24px,1.5625vw,40px);padding:0;margin:0;background:transparent;border:none;color:#999;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.x3-form__helper-btn svg{width:100%;height:100%;display:block}.x3-form__helper-btn:hover,.x3-form__helper-btn:focus-visible{color:#333;outline:none}.x3-form__tooltip{position:absolute;top:clamp(-24px,-.703vw,-10px);left:calc(100% + clamp(4px,.625vw,16px));right:auto;width:clamp(180px,9.609vw,246px);padding:clamp(14px,.703vw,18px) clamp(12px,.86vw,22px);background:#fffcf5;border:1px solid #e6dfc8;border-radius:8px;box-shadow:0 4px 16px #0000001f;color:#333;text-align:left;z-index:10;pointer-events:auto}.x3-form__tooltip[hidden]{display:none}.x3-form__tooltip:before{content:"";position:absolute;top:clamp(16px,1.3vw,32px);left:-7px;right:auto;width:12px;height:12px;background:#fffcf5;border-left:1px solid #e6dfc8;border-bottom:1px solid #e6dfc8;border-top:0;transform:rotate(45deg)}.x3-form__tooltip-title{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:500;font-size:clamp(12px,.547vw,14px);line-height:1.4;margin:0 0 clamp(8px,.6vw,14px);color:#333}.x3-form__tooltip-h{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:500;font-size:clamp(11px,.547vw,14px);line-height:1.4;margin:clamp(8px,.6vw,14px) 0 clamp(4px,.3vw,8px);color:#333}.x3-form__tooltip-text{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:400;font-size:clamp(10px,.469vw,12px);line-height:1.4;margin:0;color:#333}.x3-form__control{position:relative;flex:1;max-width:clamp(280px,23.438vw,600px)}.x3-form__control--has-helper{z-index:100}.x3-form .x3-form__input{width:100%;height:clamp(48px,2.969vw,76px);background:transparent;border:1px solid #d9d9d9;border-radius:clamp(6px,.3125vw,8px);padding:0 clamp(12px,.625vw,16px);font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:clamp(14px,.859vw,22px);color:#282828;box-sizing:border-box;transition:border-color .2s ease}.x3-form__input::placeholder{color:#d9d9d9}.x3-form__input:focus{outline:none;border-color:var(--x3-form-accent, #ffc100)}.x3-form .x3-form__input--select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23282828' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right clamp(8px,.625vw,16px) center;background-size:clamp(12px,.938vw,24px);padding-right:clamp(28px,2.188vw,56px)}.x3-form__error{color:#d33;font-size:14px;margin:0 0 16px}.x3-form__cta-wrap{margin-top:clamp(32px,3.438vw,88px);text-align:center}.x3-form__cta{display:inline-flex;align-items:center;gap:clamp(8px,.469vw,12px);padding:clamp(12px,.703vw,18px) clamp(32px,2.813vw,72px);background:var(--x3-form-button-bg, #ffbf00);color:var(--x3-form-button-color, #000);border:none;border-radius:999px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:clamp(18px,1.5625vw,40px);font-weight:400;cursor:pointer;transition:background .2s ease;line-height:1.3}.x3-form__cta:hover{background:#e6a800}.x3-form__cta:disabled{opacity:.6;cursor:not-allowed}.x3-form__cta-arrow{font-size:0;line-height:0;display:inline-block;width:clamp(5px,.469vw,12px);height:clamp(9px,.82vw,21px);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9'><path d='M1 1L4 4.5L1 8' stroke='black' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.x3-form__state--success{width:min(1900px,calc(100vw - 32px));max-width:calc(100vw - 32px);margin-left:50%;transform:translate(-50%);text-align:left;padding-top:80px}.x3-form__success-title{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:600;font-size:clamp(41px,2.891vw,74px);line-height:1.3;letter-spacing:.02em;color:var(--x3-form-accent, #ffc100);text-align:center;margin:0 0 76px}.x3-form__success-card{width:100%;box-sizing:border-box;background:var(--x3-form-card-bg, #fffcf5);border-radius:24px;padding:130px clamp(64px,6.25vw,160px);max-width:1900px;margin:0 auto;text-align:left}.x3-form__success-heading{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:500;font-size:clamp(22px,1.562vw,40px);line-height:1.3;letter-spacing:.02em;color:#333;margin:0 0 40px;text-align:left}.x3-form__coupon-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:8px}.x3-form__coupon{background:transparent;border:0;border-radius:0;padding:0}.x3-form__coupon-name{display:none}.x3-form__coupon-code-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.x3-form__coupon-text{flex:0 0 auto;white-space:nowrap;font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:500;font-size:clamp(22px,1.562vw,40px);line-height:1.3;letter-spacing:.02em;color:#333;margin:0}.x3-form__coupon-amount,.x3-form__coupon-text .x3-form__coupon-code{color:var(--x3-form-accent, #ffc100);font:inherit;letter-spacing:inherit;white-space:nowrap}.x3-form__coupon-copy{white-space:nowrap;background:transparent;color:#0071e3;border:1px solid #0071e3;border-radius:4px;height:30px;padding:4px 16px;font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-size:clamp(14px,.703vw,18px);font-weight:400;line-height:1;letter-spacing:.02em;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.x3-form__coupon-copy:hover{background:#0071e3;color:#fff}.x3-form__coupon-copy.is-copied{background:#4caf50;color:#fff;border-color:#4caf50}.x3-form__success-validity{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:500;font-size:clamp(22px,1.562vw,40px);line-height:1.3;letter-spacing:.02em;color:#333;text-align:left;margin:0 0 32px}.x3-form__success-usage{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:500;font-size:clamp(22px,1.562vw,40px);line-height:1.3;letter-spacing:.02em;color:#333;margin:0 0 40px}.x3-form__success-usage p{margin:0}.x3-form__success-screenshot{margin:0 0 24px;max-width:442px}.x3-form__success-screenshot img{width:100%;height:auto;display:block;border-radius:8px}.x3-form__success-disclaimer{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-weight:400;font-size:clamp(14px,.859vw,22px);line-height:1.5;color:#565656;max-width:695px;margin:0}.x3-form__success-disclaimer p{margin:0}@media(max-width:1023.98px){.x3-form{padding:calc(24px + (100vw - 390px)*.02116) calc(15px + (100vw - 390px)*.00265) calc(48px + (100vw - 390px)*.04233)}.x3-form__inner{max-width:calc(360px + (100vw - 390px)*.99471)}.x3-form__title{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:calc(24px + (100vw - 390px)*.02116);font-weight:600;color:#ffc100;letter-spacing:0;margin:0 0 calc(32px + (100vw - 390px)*.02116);white-space:nowrap;text-align:center;line-height:1.3}.x3-form__card{background:#fffcf5;padding:calc(32.5px + (100vw - 390px)*.08598) 0 calc(25px + (100vw - 390px)*.06614);border-radius:calc(6px + (100vw - 390px)*.01587);text-align:left}.x3-form__field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(15px + (100vw - 390px)*.03968);margin:0 auto calc(12px + (100vw - 390px)*.03175);width:calc(257.25px + (100vw - 390px)*.68056);max-width:100%}.x3-form__field:last-of-type{margin-bottom:0}.x3-form__label{display:inline-flex;align-items:center;flex-shrink:0;width:calc(112px + (100vw - 390px)*.2963);font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:calc(10px + (100vw - 390px)*.02646);font-weight:500;color:#333;letter-spacing:.02em;line-height:1.3;white-space:nowrap}.x3-form__helper{position:absolute;top:50%;left:100%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:calc(10px + (100vw - 390px)*.02646);height:calc(10px + (100vw - 390px)*.02646);border-radius:50%;background:transparent;color:#999;font-size:calc(6px + (100vw - 390px)*.01587);font-weight:400;text-decoration:none;margin-left:calc(4px + (100vw - 390px)*.01058);border:1px solid #999;box-sizing:border-box}.x3-form__helper-btn{position:absolute;top:50%;left:calc(100% + 4px + (100vw - 390px)*.01058);transform:translateY(-50%);width:calc(10px + (100vw - 390px)*.02646);height:calc(10px + (100vw - 390px)*.02646);padding:0;margin:0;background:transparent;border:none;color:#999;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.x3-form__helper-btn svg{width:100%;height:100%;display:block}.x3-form__tooltip{position:absolute;top:calc(100% + 2px + (100vw - 390px)*.00529);left:calc(-178px + (100vw - 390px)*.07738);right:auto;width:calc(216px + (100vw - 390px)*.0556);padding:calc(10px + (100vw - 390px)*.01587) calc(10px + (100vw - 390px)*.01587);background:#fffcf5;border:1px solid #e6dfc8;border-radius:6px;box-shadow:0 4px 14px #0000002e;color:#333;text-align:left;z-index:1000}.x3-form__tooltip[hidden]{display:none}.x3-form__tooltip:before{content:"";position:absolute;top:-8px;left:auto;right:var(--arrow-right, calc(27px + (100vw - 390px)*.1197) );width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #e6dfc8;background:transparent;transform:none}.x3-form__tooltip:after{content:"";position:absolute;top:-6px;right:calc(var(--arrow-right, calc(27px + (100vw - 390px)*.1197) ) + 2px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fffcf5}.x3-form__tooltip-title{font-weight:500;font-size:calc(10px + (100vw - 390px)*.00529);line-height:1.4;margin:0 0 calc(6px + (100vw - 390px)*.01058);color:#333}.x3-form__tooltip-h{font-weight:500;font-size:calc(10px + (100vw - 390px)*.00529);line-height:1.4;margin:calc(6px + (100vw - 390px)*.01058) 0 calc(3px + (100vw - 390px)*.00529);color:#333}.x3-form__tooltip-text{font-weight:400;font-size:calc(8px + (100vw - 390px)*.00529);line-height:1.4;margin:0;color:#333}.x3-form__control{position:relative;width:calc(150px + (100vw - 390px)*.39683);max-width:none;flex:0 0 auto}.x3-form .x3-form__input{width:100%;height:calc(19px + (100vw - 390px)*.05026);background-color:transparent;background-image:none;border:.5px solid #d9d9d9;border-radius:calc(2px + (100vw - 390px)*.00529);padding:0 calc(4px + (100vw - 390px)*.01058);font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:calc(5.5px + (100vw - 390px)*.01455);color:#282828;letter-spacing:.02em;box-sizing:border-box;transition:border-color .2s ease}.x3-form__input::placeholder{color:#d9d9d9}.x3-form__input:focus{outline:none;border-color:#ffc100}.x3-form .x3-form__input--select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23282828' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right calc(4px + (100vw - 390px)*.01058) center;background-size:calc(6px + (100vw - 390px)*.01587);padding-right:calc(12px + (100vw - 390px)*.03175)}.x3-form__error{color:#d33;font-size:14px;margin:0 0 16px}.x3-form__cta-wrap{margin-top:calc(22px + (100vw - 390px)*.0582);text-align:center}.x3-form__cta{display:inline-flex;align-items:center;justify-content:center;height:calc(40px + (100vw - 390px)*.01058);padding:0 calc(32px + (100vw - 390px)*.01058);gap:6px;background:#ffc100;color:#282828;border:none;border-radius:999px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:calc(14px + (100vw - 390px)*.01587);font-weight:500;cursor:pointer;transition:background .2s ease;line-height:1.3;text-transform:uppercase;white-space:nowrap}.x3-form__cta:hover{background:#e6a800}.x3-form__cta:disabled{opacity:.6;cursor:not-allowed}.x3-form__cta-arrow{font-size:0;line-height:0;display:inline-block;width:calc(5px + (100vw - 390px)*.00265);height:calc(9px + (100vw - 390px)*.00397);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9'><path d='M1 1L4 4.5L1 8' stroke='%23282828' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:100% 100%}@media(min-width:640px){.x3-form__cta{background:#ffbf00;color:#000;font-weight:400;text-transform:none}}@media(max-width:639.98px){.x3-form__cta-label:before{content:"\9650\5b9a"}}.x3-form__state--success{padding-top:calc(24px + (100vw - 390px)*.14815)}.x3-form__success-card{padding:calc(24px + (100vw - 390px)*.04233) calc(20px + (100vw - 390px)*.09524);border-radius:calc(12px + (100vw - 390px)*.02116)}.x3-form__success-title{font-size:calc(22px + (100vw - 390px)*.01587);margin-bottom:calc(24px + (100vw - 390px)*.04233)}.x3-form__success-heading,.x3-form__success-validity,.x3-form__success-usage,.x3-form__coupon-text{font-size:calc(13px + (100vw - 390px)*.00794)}.x3-form__coupon-copy{font-size:calc(11px + (100vw - 390px)*.00794);padding:calc(3px + (100vw - 390px)*.00265) calc(10px + (100vw - 390px)*.01587);height:calc(22px + (100vw - 390px)*.02116)}.x3-form__success-disclaimer{font-size:calc(12px + (100vw - 390px)*0)}.x3-form__coupon-code-row{flex-wrap:nowrap;align-items:flex-end;overflow-x:visible}.x3-form__coupon-text{flex:1 1 auto;white-space:normal;min-width:0}.x3-form__coupon-amount:after{content:"\a";white-space:pre}.x3-form__coupon-amount,.x3-form__coupon-text .x3-form__coupon-code{white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/x3-coupon-form.css.map */