.search-panel-bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1001;width:100%;height:100%;background:hsla(0,0%,64.7%,.8);transition:all .3s ease;visibility:hidden}.search-panel-bg *{box-sizing:border-box}.search-panel-bg.active{visibility:visible}.search-panel-bg .search-panel{position:fixed;bottom:-100%;width:100%;padding-top:4rem;border-radius:16px 16px 0 0;background-color:#fff;z-index:1002;height:90%;transition:all .3s ease;display:flex;flex-flow:column}.search-panel-bg .search-panel.active{bottom:0}.search-panel-bg .search-panel .search-panel-close-btn{position:absolute;top:16px;right:16px;width:24px;height:24px;border:1px solid #404040;box-sizing:border-box;background:#f9ffd4;cursor:pointer;border-radius:50%}.search-panel-bg .search-panel .search-panel-close-btn:before{position:absolute;top:50%;left:50%;width:8px;height:8px;background:url(/images/close_icon.png?c383df3c74da7344a688bfdb8beab2fa) no-repeat 50%;background-size:contain;content:"";transform:translate(-50%,-50%)}.search-panel-bg .search-panel .search-panel-footer{padding:2.4rem 2rem}.search-panel-bg .search-panel .search-panel-footer .btn{margin:auto}.search-panel-bg .search-panel .search-panel-footer .btn.disabled{box-shadow:none;border-color:#878787;background:#fff}.search-panel-bg .search-panel .search-panel-footer .btn.disabled span{color:#878787}.search-panel-bg .search-panel .search-panel-footer .btn.disabled .btn-arrow{background:#fff;border-color:#878787}.search-panel-bg .search-panel .search-panel-footer>:not(:first-child){margin-top:2.4rem}.search-panel-bg .search-panel .search-panel-content-wrapper{flex-grow:1;border-bottom:1px solid #a5a5a5;height:100%}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content{position:relative;height:100%}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view{background-color:#fff;transition:all .3s ease;height:100%;display:flex;flex-flow:column}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .search-panel-ttl{padding-bottom:1.6rem;font-size:2rem;text-align:center;font-family:Zen Maru Gothic,M PLUS Rounded\ 1c,sans-serif;border-bottom:2px solid #404040}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list:not(.no-grow){flex-grow:1;overflow-y:scroll;overflow-x:hidden}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li{border-bottom:1px solid #404040}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li.list-item-child{padding-left:3rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box{display:flex;position:relative;align-items:center;width:100%;box-sizing:border-box;color:#2f2f2f;cursor:pointer}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.without-checkbox{padding:1.6rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box label{width:100%;padding:1.6rem 0 1.6rem 4.8rem;cursor:pointer}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box input[type=checkbox]+label:before{position:absolute;top:50%;left:16px;width:24px;height:24px;margin-right:.8rem;border:1px solid #404040;box-sizing:border-box;background:#fff;content:"";cursor:pointer;transform:translateY(-50%);border-radius:2px}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box input[type=checkbox]:checked+label:before{background:#ebfffb}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box input[type=checkbox]:checked+label:after{display:block;position:absolute;top:48%;left:25px;width:4px;height:10px;content:"";transform:translateY(-50%) rotate(45deg);border:solid #2f2f2f;border-width:0 2px 2px 0}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box .title{display:flex;font-size:1.6rem;font-weight:700}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.heading{padding:.8rem 1.6rem;background-color:#ededed}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.collapse-checkbox{padding:1.6rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.collapse-checkbox .arrow-box span:before{background:url(/images/small_plus_icon.png?e87468bfb52ccbaf859541201ad17284) no-repeat 50%}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.collapse-checkbox[aria-expanded=false] .arrow-box span:before{background-image:url(/images/small_plus_icon.png?e87468bfb52ccbaf859541201ad17284)}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.collapse-checkbox[aria-expanded=true]{background-color:var(--search-active-bg)}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .content-box.collapse-checkbox[aria-expanded=true] .arrow-box span:before{background-image:url(/images/small_dash_icon.png?b7758f153c2dc4cfec3e6d20cfd78695)}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .arrow-box{position:absolute;top:50%;right:16px;width:24px;height:24px;border:1px solid #404040;box-sizing:border-box;background:#ebfffb;content:"";transform:translateY(-50%);transition:all .4s;border-radius:50%}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .arrow-box span{display:block;position:relative;width:100%;height:100%}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li .arrow-box span:before{position:absolute;top:50%;left:50%;width:8px;height:8px;background:url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat 50%;background-size:contain;content:"";transform:translate(-50%,-50%)}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .arrow-list li:hover .arrow-box{background:#f9ffd4}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .search-panel-body{flex-grow:1;overflow-y:scroll;overflow-x:hidden}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .search-income{padding:3.2rem 1.6rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .search-income .search-income-ttl{font-size:1.6rem;font-weight:700;margin-bottom:1.6rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .search-income select:not(:last-child){margin-bottom:3.2rem}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .prefecture-list{display:none}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view .prefecture-list.active{display:block}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view:not(.slide-in){display:none}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view:not(.slide-in).active{display:block}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view.slide-in{position:absolute;width:100%;right:-100%;top:0}.search-panel-bg .search-panel .search-panel-content-wrapper .search-panel-content .search-panel-view.slide-in.active{right:0}@media screen and (min-width:640px){.search-panel-bg{transition:all .1s ease}.search-panel-bg .search-panel{transition:all .9s ease;width:90%;max-width:640px;max-height:800px;overflow:hidden;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);border-radius:16px;opacity:0}.search-panel-bg .search-panel.active{opacity:1}}