.sticky_area{background:#fff;position:sticky;width:100%;z-index:11}.sticky_area.step{top:80px}.sticky_area.change_select_area{border-bottom:1px solid #ccc;top:calc(80px + var(--global-step-height, 40px) + var(--global-step-padding-vertical, 10px)*2)}.sticky_area .closable_sticky_content{height:var(--js-content-height,auto);overflow:hidden;transition:height .4s}.sticky_area.close .closable_sticky_content{height:0}.sticky_area .toggle_button{align-items:center;background:#999;display:flex;height:40px;justify-content:center;position:absolute;right:0;width:40px}.fukuokabank .sticky_area .toggle_button{background:#00a7db}.kumamotobank .sticky_area .toggle_button{background:#f39800}.shinwabank .sticky_area .toggle_button{background:#e85298}.sticky_area .toggle_button .icon{border:.1em solid;border-bottom:0;border-left:0;box-sizing:border-box;color:#fff;display:inline-block;height:1em;line-height:1;transform:translateY(25%) rotate(-45deg);vertical-align:middle;width:1em}.sticky_area.close .toggle_button .icon{transform:translateY(-25%) rotate(135deg)}@media screen and (max-width:750px){.sticky_area.step{top:0}.sticky_area.change_select_area{top:calc(var(--global-step-height, 40px) + var(--global-step-padding-vertical, 10px)*2)}}
.fukuokabank .step-list{--step-base-color:#00a7db}.kumamotobank .step-list{--step-base-color:#f39800}.shinwabank .step-list{--step-base-color:#e85298}.step-list{--step-arrow-width:25px;--step-count:5;--step-height:var(--global-step-height,40px);--step-margin-left-ng:15px;--margin-step-count:calc(var(--step-count) - 1);--all-margin:calc(var(--step-margin-left-ng)*var(--margin-step-count));display:block;font-size:0;padding:var(--global-step-padding-vertical,10px) 0;width:100%}.step-list .done{--step-bg-color:#bbb;--step-border-color:#bbb;--step-font-color:#fff}.step-list .current{--step-bg-color:var(--step-base-color);--step-border-color:var(--step-base-color);--step-font-color:#fff}.step-list .not-yet{--step-bg-color:#fff;--step-border-color:var(--step-base-color);--step-font-color:var(--step-base-color)}.step-list .step-item{display:inline-flex;margin:0;padding:0;padding-right:var(--step-arrow-width);position:relative;width:calc(100%/var(--step-count) + var(--all-margin)/var(--step-count))}.step-list .step-item:not(:first-child){margin-left:calc(var(--step-margin-left-ng)*-1)}.step-list .step-item:last-child{padding-right:0}.step-list .step-item:before{display:none}.step-list .step-item .step-item-box{background:var(--step-bg-color);border:2px solid;border-color:var(--step-border-color);border-radius:5px;color:var(--step-font-color);display:flex;flex:1;flex-direction:column;height:var(--step-height);justify-content:space-between}.step-list .step-item:not(:last-child) .step-item-box{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.step-list .step-item:not(:last-child) .step-item-arrow-bg{background:var(--step-bg-color);-webkit-clip-path:polygon(0 2px,2px 2px,100% 50%,2px calc(100% - 2px),0 calc(100% - 2px));clip-path:polygon(0 2px,2px 2px,100% 50%,2px calc(100% - 2px),0 calc(100% - 2px));content:"";height:100%;position:absolute;right:2.25px;width:var(--step-arrow-width);z-index:3}.step-list .step-item:not(:last-child) .step-item-arrow{background:var(--step-border-color);right:.25px;z-index:2}.step-list .step-item:not(:last-child) .step-item-arrow,.step-list .step-item:not(:last-child) .step-item-arrow-shadow{-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);height:100%;position:absolute;width:var(--step-arrow-width)}.step-list .step-item:not(:last-child) .step-item-arrow-shadow{background:#fff;content:"";right:-1.75px;z-index:1}.step-txt{display:flex;font-weight:700;justify-content:center;line-height:1.1}.step-txt-en{font-family:Century Gothic,sans-serif}@media screen and (max-width:750px){.step-txt{font-size:1.2rem}}
.checkbox-label{cursor:pointer;display:inline-block;font-size:16px;margin-bottom:12px;padding-left:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{border:2px solid #999;border-radius:4px;box-sizing:border-box;height:20px;left:0;position:absolute;top:3px;width:20px}.fukuokabank .checkbox-label .checkmark{border-color:#00a7db}.kumamotobank .checkbox-label .checkmark{border-color:#f39800}.shinwabank .checkbox-label .checkmark{border-color:#e85298}.checkbox-label .checkmark:after{border:3px solid #fff;border-width:0 3px 3px 0;content:"";display:none;height:10px;left:4px;position:absolute;top:0;transform:rotate(45deg);width:5px}.checkbox-label input:checked+.checkmark{background-color:#999;border:2px solid #999}.fukuokabank .checkbox-label input:checked+.checkmark{background-color:#00a7db;border-color:#00a7db}.kumamotobank .checkbox-label input:checked+.checkmark{background-color:#f39800;border-color:#f39800}.shinwabank .checkbox-label input:checked+.checkmark{background-color:#e85298;border-color:#e85298}.checkbox-label input:checked+.checkmark:after{display:block}.checkbox-label .check{pointer-events:none}
.passbook_input_example{display:inline-flex;padding:0 60px}.passbook_input_example>div:not(:last-child),.passbook_input_example>dl:not(:last-child){margin-right:15px}.passbook_input_example>dl dt{text-decoration:underline;text-underline-offset:3px}.passbook_input_example>dl dd{margin-top:5px;text-align:center}@media screen and (max-width:750px){.passbook_input_example{padding:0;width:100%}}
:root{--global-step-height:40px;--global-step-padding-vertical:10px}