/*@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media (min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media (min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media (min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media (min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media (min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media (min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media (min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media (min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:rgba(0,0,0,0)}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,0.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,0.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,0.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,0.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark th,.table-dark td,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,0.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,0.075)}@media (max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1;background:#fff;color:#000}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}address{font-style:normal}@font-face{font-family:"My Yu Gothic";src:local("Yu Gothic Medium");font-weight:100}@font-face{font-family:"My Yu Gothic";src:local("Yu Gothic Medium");font-weight:200}@font-face{font-family:"My Yu Gothic";src:local("Yu Gothic Medium");font-weight:300}@font-face{font-family:"My Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}@font-face{font-family:"My Yu Gothic";src:local("Yu Gothic Bold");font-weight:bold}.arrow01{padding-left:16px;background:url(../tmpl-img/ico_arrow01.svg) no-repeat left center}.arrow02{padding-left:16px;background:url(../tmpl-img/ico_arrow02.svg) no-repeat left center}.arrow03{padding-left:16px;background:url(../tmpl-img/ico_arrow03.svg) no-repeat left center}.arrow04{padding-left:16px;background:url(../tmpl-img/ico_arrow04.svg) no-repeat left center}.arrow05{padding-left:16px;background:url(../tmpl-img/ico_arrow05.svg) no-repeat left center}.article-title{position:relative;clear:both;margin:1.5em 0 1em;padding-left:16px;font-size:2.8rem;line-height:1.2}.article-title:before{display:inline-block;position:absolute;top:0;left:0;width:4px;height:100%;border-radius:2px;background-color:#e0346e;content:""}@media only screen and (max-width: 991px){.article-title{margin:1em 0;font-size:2.0rem}}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}body{background-color:#fff;color:#333;font-family:YuGothic,"My Yu Gothic","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align:center;line-height:1.5}li{list-style:none}img{max-width:100%;height:auto;vertical-align:bottom}a{color:#333;text-decoration:none}a:visited{color:#333}a:hover{color:#333}a:active{color:#333}.roboto{font-family:"Roboto", sans-serif}.defs{display:none}#btn_pagetop .st0{fill:#111}#btn_pagetop .st1{fill:#fff}#btn_next .st0,#btn_prev .st0{fill:#111}#btn_next .st1,#btn_prev .st1{fill:#fff}.l-container{background:#000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden}.l-page{background:#fff;text-align:left;width:1280px;height:720px;overflow:hidden;position:relative;flex-shrink:0;-webkit-transform-origin:center center;transform-origin:center center}.l-header{background:linear-gradient(to right, #0078e6, #00c8dc);position:relative;padding:1.2rem 0;display:flex;align-items:center;justify-content:center}.l-header__toggleList{display:flex;align-items:center;justify-content:center}.l-header__toggleList__item a{display:flex;align-items:center;justify-content:center;width:184px;height:32px;color:#fff;border:1px solid #fff;font-size:1.6rem;font-weight:bold}.l-header__toggleList__item:first-of-type a{border-radius:32px 0 0 32px}.l-header__toggleList__item:last-of-type a{border-radius:0 32px 32px 0}.l-header__toggleList__item.is-active a{background:#fff;color:#0096f0}.l-header__help{position:absolute;top:17px;right:20px}.l-header__help a{font-size:1.5rem;font-weight:bold;color:#fff}.l-header__help a img{margin-right:8px}.l-contents{width:100%;position:relative}.l-contents>.col-6{border-right:1px solid #ddd}.l-footer{background-color:#666;position:absolute;bottom:0;left:0;z-index:2;width:100%}.l-footer__data__functionList{display:flex;align-items:center;justify-content:flex-start;height:56px}.l-footer__data__functionList__item a{display:flex;align-items:center;justify-content:center;width:144px;height:56px;color:#fff;font-size:1.5rem;font-weight:bold}.l-footer__data__functionList__item a:hover{background-color:#4d4d4d;transition:all 0.3s ease}.l-footer__data__functionList__item a img{margin-right:8px}.l-footer__data__functionList__item.is-active a{background-color:#4d4d4d}.c-btn{transition:all .3s ease;display:flex;justify-content:center;align-items:center;width:100% !important;height:50px;margin:32px 0 0 !important;color:#fff !important;font-size:1.6rem;font-weight:bold;text-align:center}.c-btn--primary{background-color:#111}.c-btn--primary:hover{background-color:#000;transition:all 0.3s ease}.c-btn--secondary{background-color:#e60012}.c-btn--secondary:hover{background-color:#b3000e;transition:all 0.3s ease}.c-btn--ghost{border:1px solid #fff}.c-btn--ghost:hover{background-color:#fff;color:#111 !important}.c-btn--line{border:1px solid #111;color:#111 !important}.c-btn--line:hover{background-color:#000;transition:all 0.3s ease}.c-btn--small{max-width:20rem}.c-btn--middle{max-width:24rem}.c-btn--large{max-width:30rem}@media only screen and (max-width: 991px){.c-btn{margin:24px 0 0 !important;font-size:1.5rem}}input[type="text"],input[type="email"],input[type="tel"],input[type="submit"],input[type="password"],input[type="number"],input[type="range"],button,textarea,select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem}.c-title__input{padding:15px}.c-title__input input[type="text"]{border:none;border-bottom:1px solid #ddd;width:100%;font-family:YuGothic,"My Yu Gothic","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:2rem;font-weight:bold}.c-title__graph{background:#e6f0fa;display:flex;align-items:center;justify-content:space-between;height:40px}.c-title__graph__name{font-size:1.6rem;font-weight:bold;padding-left:16px}.c-title__graph__name img{width:20px;height:20px;margin-right:16px}.c-title__graph__functionList{display:flex;align-items:center;justify-content:flex-end}.c-title__graph__functionList__item a{display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;width:48px;height:40px}.c-title__utility{background:#eee;margin:0 15px;padding:7px 10px}.c-title__utility form{display:flex;align-items:center;justify-content:flex-start;height:35px}.c-title__utility form>div{display:flex;align-items:center;justify-content:flex-start;margin-right:14px}.c-title__utility form>div>p{font-size:1.3rem;margin-right:10px}.c-title__utility form>div input[type="number"]{border:2px solid #8cc8fa;background:#fff;padding:6px 10px;width:56px;font-size:1.2rem}.c-title__utility form>div input[type="range"]{background:transparent;width:74px;margin-right:8px}.c-title__utility form>div input[type="range"]:focus{outline:none}.c-title__utility form>div input[type="range"]::-webkit-slider-runnable-track{width:74px;height:6px;background-color:#ccc;border-radius:6px;cursor:pointer}.c-title__utility form>div input[type="range"]::-webkit-slider-thumb{box-shadow:none;background-color:#0082dc;width:10px;height:10px;border-radius:10px;margin-top:-2px;-webkit-appearance:none}.c-title__utility form>div input[type="range"]::-ms-track{background:transparent;border-color:transparent;color:transparent}.c-title__utility form>div input[type="range"]::-ms-fill-lower{background-color:#ccc;border-color:transparent;border-radius:6px;cursor:pointer;height:6px}.c-title__utility form>div input[type="range"]::-ms-fill-upper{background-color:#ccc;border-color:transparent;border-radius:6px;cursor:pointer;height:6px}.c-title__utility form>div input[type="range"]::-ms-thumb{box-shadow:none;background-color:#0082dc;border:none;width:10px;height:10px;border-radius:10px;z-index:2}@supports (-ms-ime-align: auto){.c-title__utility form>div input[type="range"]::-ms-thumb{margin-top:0}}.c-title__utility form>div button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #ddd;border-radius:3px;margin-right:6px;padding:6px;font-family:YuGothic,"My Yu Gothic","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:bold;cursor:pointer}.c-title__utility form>div button.is-active{border:1px solid #ff5a5a}.c-title__utility form>div button:focus{outline:none}.c-title__utility__buttons{padding-left:14px;border-left:1px solid #ddd}_:-ms-input-placeholder .c-title__utility form>div input[type="range"],:root .c-title__utility form>div input[type="range"]{padding-top:28px}.c-graphSelector{position:absolute;z-index:10000;border:1px solid #ddd;background:#fff;padding:15px;width:448px;height:368px;display:none}.c-graphSelector__list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.c-graphSelector__list__item{width:25%;text-align:center}.c-graphSelector__list__item a{font-size:1.2rem;line-height:1.3;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:112px}.c-graphSelector__list__item a img{margin-bottom:10px}.c-graphSelector__list__item.is-active a{background:#f5f5f5}.c-graphSelector__list__item.is-inactive a{opacity:0.4;pointer-events:none}.c-graphTabs{position:absolute;bottom:0;left:0;background:#eee;width:100%;height:40px;display:flex;align-items:flex-start;justify-content:flex-start;padding:0 15px}.c-graphTabs__toggleList{display:flex;align-items:center;justify-content:flex-start}.c-graphTabs__toggleList__item a{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-radius:0 0 3px 3px;background:#ddd;display:flex;align-items:center;justify-content:center;width:82px;height:32px;margin-right:2px}.c-graphTabs__toggleList__item a img{width:20px;height:20px}.c-graphTabs__toggleList__item.is-active a{background:#fff}.c-graphTabs__functionList{display:flex;align-items:center;justify-content:flex-start}.c-graphTabs__functionList__item a{background:#0096f0;border-radius:0 0 3px 3px;color:#fff;display:flex;align-items:center;justify-content:center;width:82px;height:32px;margin-right:2px;font-size:1.3rem}.c-graphTabs__functionList__item a img{width:20px;height:20px;margin-right:8px}.p-canvasArea{width:100%;overflow:hidden}.handsontable{font-size:20px}.handsontable th .relative{padding-top:4px !important}.handsontable td{padding:4px !important}.handsontable thead th .relative{padding:4px !important}.htContextMenu{text-align:left}.htContextMenu td{height:28px !important;padding-top:6px !important}.htContextMenu table.htCore{width:auto !important}.htContextMenu table.htCore .htItemWrapper{margin:0 10px !important}.cf:after{content:"";display:block;clear:both}.al{text-align:left !important}.ac{text-align:center !important}.ar{text-align:right !important}.fl{float:left;margin:0 2.4rem 2.4rem 0}.fr{float:right;margin:0 0 2.4rem 2.4rem}@media only screen and (max-width: 767px){.fl,.fr{float:none;margin:0 auto 1.6rem}}.pc{display:block}.sp{display:none}@media only screen and (max-width: 991px){.pc{display:none}.sp{display:block}}.ofi{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}.m0{margin:0 !important}.mt0{margin-top:0 !important}.mr0{margin-right:0 !important}.mb0{margin-bottom:0 !important}.ml0{margin-left:0 !important}.mx0{margin-right:0 !important;margin-left:0 !important}.my0{margin-top:0 !important;margin-bottom:0 !important}.m1{margin:8px !important}.mt1{margin-top:8px !important}.mr1{margin-right:8px !important}.mb1{margin-bottom:8px !important}.ml1{margin-left:8px !important}.mx1{margin-right:8px !important;margin-left:8px !important}.my1{margin-top:8px !important;margin-bottom:8px !important}.m1{margin:8px !important}.mt1{margin-top:8px !important}.mr1{margin-right:8px !important}.mb1{margin-bottom:8px !important}.ml1{margin-left:8px !important}.mx1{margin-right:8px !important;margin-left:8px !important}.my1{margin-top:8px !important;margin-bottom:8px !important}.m2{margin:16px !important}.mt2{margin-top:16px !important}.mr2{margin-right:16px !important}.mb2{margin-bottom:16px !important}.ml2{margin-left:16px !important}.mx2{margin-right:16px !important;margin-left:16px !important}.my2{margin-top:16px !important;margin-bottom:16px !important}.m3{margin:24px !important}.mt3{margin-top:24px !important}.mr3{margin-right:24px !important}.mb3{margin-bottom:24px !important}.ml3{margin-left:24px !important}.mx3{margin-right:24px !important;margin-left:24px !important}.my3{margin-top:24px !important;margin-bottom:24px !important}.m4{margin:32px !important}.mt4{margin-top:32px !important}.mr4{margin-right:32px !important}.mb4{margin-bottom:32px !important}.ml4{margin-left:32px !important}.mx4{margin-right:32px !important;margin-left:32px !important}.my4{margin-top:32px !important;margin-bottom:32px !important}.m5{margin:40px !important}.mt5{margin-top:40px !important}.mr5{margin-right:40px !important}.mb5{margin-bottom:40px !important}.ml5{margin-left:40px !important}.mx5{margin-right:40px !important;margin-left:40px !important}.my5{margin-top:40px !important;margin-bottom:40px !important}
*/

@charset "UTF-8";
/* Theme Name : BEE ver 1.4beta */
/* ========================================================================
	Foundation - ファウンデーション
======================================================================== */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #dee2e6; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff; }

.table-hover .table-primary:hover {
  background-color: #9fcdff; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.table-dark {
  color: #fff;
  background-color: #212529; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #32383e; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive > .table-bordered {
    border: 0; }

/*	Reset
-------------------------------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  background: #fff;
  color: #000; 

}

#appRoot {

}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

address {
  font-style: normal; }

@font-face {
  font-family: "My Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "My Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "My Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "My Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "My Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

/* 汎用クラス */
.arrow01 {
  padding-left: 16px;
  background: url(../tmpl-img/ico_arrow01.svg) no-repeat left center; }

.arrow02 {
  padding-left: 16px;
  background: url(../tmpl-img/ico_arrow02.svg) no-repeat left center; }

.arrow03 {
  padding-left: 16px;
  background: url(../tmpl-img/ico_arrow03.svg) no-repeat left center; }

.arrow04 {
  padding-left: 16px;
  background: url(../tmpl-img/ico_arrow04.svg) no-repeat left center; }

.arrow05 {
  padding-left: 16px;
  background: url(../tmpl-img/ico_arrow05.svg) no-repeat left center; }

.article-title {
  position: relative;
  clear: both;
  margin: 1.5em 0 1em;
  padding-left: 16px;
  font-size: 2.8rem;
  line-height: 1.2; }
  .article-title:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 2px;
    background-color: #e0346e;
    content: ""; }

@media only screen and (max-width: 991px) {
  .article-title {
    margin: 1em 0;
    font-size: 2.0rem; } }

/*	ベース設定
-------------------------------------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background-color: #fff;
  color: #333;
  font-family: YuGothic, "My Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  line-height: 1.5; }

li {
  list-style: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

/* リンク設定
-------------------------------------------------------- */
a {
  color: #333;
  text-decoration: none; }

a:visited {
  color: #333; }

a:hover {
  color: #333; }

a:active {
  color: #333; }

/* Webフォント設定
-------------------------------------------------------- */
.roboto {
  font-family: "Roboto", sans-serif; }

/* SVGスプライト設定
-------------------------------------------------------- */
.defs {
  display: none; }

/**
 * ページトップ
 */
#btn_pagetop .st0 {
  fill: #111; }

#btn_pagetop .st1 {
  fill: #fff; }

/**
 * ボタン（次へ、前へ）
 */
#btn_next .st0,
#btn_prev .st0 {
  fill: #111; }

#btn_next .st1,
#btn_prev .st1 {
  fill: #fff; }

/*	owlcarousel2用設定
-------------------------------------------------------- */
/*	lightbox2用設定
-------------------------------------------------------- */
/* ========================================================================
	Layout - レイアウト
======================================================================== */
/*	ページコンテナ
-------------------------------------------------------- */
.l-container {
  background: #000;
  display: block;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.l-page {
  background: #fff;
  text-align: left;
  width: 1280px;
  height: 720px;
  overflow: hidden;
  flex-shrink: 0; }

/*	ヘッダー
-------------------------------------------------------- */
.l-header {
  background: linear-gradient(to right, #0078e6, #00c8dc);
  position: relative;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .l-header__toggleList {
    display: flex;
    align-items: center;
    justify-content: center; }
    .l-header__toggleList__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 184px;
      height: 32px;
      color: #fff;
      border: 1px solid #fff;
      font-size: 1.6rem;
      font-weight: bold; }
    .l-header__toggleList__item:first-of-type a {
      border-radius: 32px 0 0 32px; }
    .l-header__toggleList__item:last-of-type a {
      border-radius: 0 32px 32px 0; }
    .l-header__toggleList__item.is-active a {
      background: #fff;
      color: #0096f0; }
  .l-header__help {
    position: absolute;
    top: 17px;
    right: 20px; }
    .l-header__help a {
      font-size: 1.5rem;
      font-weight: bold;
      color: #fff; }
      .l-header__help a img {
        margin-right: 8px; }

/*	コンテンツ
-------------------------------------------------------- */
.l-contents {
  width: 100%;
  position: relative; }
  .l-contents > .col-6 {
    border-right: 1px solid #ddd; }

.l-footer {
  background-color: #666;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%; }
  .l-footer__data__functionList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 56px; }
    .l-footer__data__functionList__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 144px;
      height: 56px;
      color: #fff;
      font-size: 1.5rem;
      font-weight: bold; }
      .l-footer__data__functionList__item a:hover {
        background-color: #4d4d4d;
        transition: all 0.3s ease; }
      .l-footer__data__functionList__item a img {
        margin-right: 8px; }
    .l-footer__data__functionList__item.is-active a {
      background-color: #4d4d4d; }

/* ========================================================================
	Object - オブジェクト
======================================================================== */
/* --------------------------------------------------------
	Component - コンポーネント
-------------------------------------------------------- */
/*	ボタンスタイル
-------------------------------------------------------- */
.c-btn {
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 50px;
  margin: 32px 0 0 !important;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center; }

.c-btn--primary {
  background-color: #111; }
  .c-btn--primary:hover {
    background-color: black;
    transition: all 0.3s ease; }

.c-btn--secondary {
  background-color: #e60012; }
  .c-btn--secondary:hover {
    background-color: #b3000e;
    transition: all 0.3s ease; }

.c-btn--ghost {
  border: 1px solid #fff; }
  .c-btn--ghost:hover {
    background-color: #fff;
    color: #111 !important; }

.c-btn--line {
  border: 1px solid #111;
  color: #111 !important; }
  .c-btn--line:hover {
    background-color: black;
    transition: all 0.3s ease; }

.c-btn--small {
  max-width: 20rem; }

.c-btn--middle {
  max-width: 24rem; }

.c-btn--large {
  max-width: 30rem; }

@media only screen and (max-width: 991px) {
  .c-btn {
    margin: 24px 0 0 !important;
    font-size: 1.5rem; } }

/*	フォームの基本スタイル指定
-------------------------------------------------------- */
/* Form elements */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
input[type="password"],
input[type="number"],
input[type="range"],
button,
textarea,
select {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  outline: none; }

.c-form input[type="text"],
.c-form input[type="email"],
.c-form input[type="tel"],
.c-form input[type="submit"],
.c-form input[type="password"],
.c-form input[type="number"] {
  border: 1px solid #ddd;
  font-size: 1.5rem;
  padding: 4px 6px;
  vertical-align: middle; }

.c-form input[type="radio"],
.c-form input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 4px; }

.c-title__input {
  padding: 15px; }
  .c-title__input input[type="text"] {
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-family: YuGothic, "My Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 2rem;
    text-align:center;
    font-weight: bold; }

.c-title__graph {
  background: #e6f0fa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px; }
  .c-title__graph__name {
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 16px; }
    .c-title__graph__name img {
      width: 20px;
      height: 20px;
      margin-right: 16px; }
  .c-title__graph__functionList {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .c-title__graph__functionList__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      border-left: 1px solid #fff;
      width: 48px;
      height: 40px; }

.c-title__utility {
  background: #eee;
  margin: 0;
  padding: 7px 10px; }
  .c-title__utility form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 35px; }
    .c-title__utility form > div {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-right: 14px; }
      .c-title__utility form > div > p {
        font-size: 1.3rem;
        margin-right: 10px; }
      .c-title__utility form > div input[type="number"] {
        border: 2px solid #8cc8fa;
        background: #fff;
        padding: 6px 10px;
        width: 56px;
        font-size: 1.2rem; }
      .c-title__utility form > div input[type="range"] {
        background: transparent;
        width: 74px;
        margin-right: 8px; }
        .c-title__utility form > div input[type="range"]:focus {
          outline: none; }
        .c-title__utility form > div input[type="range"]::-webkit-slider-runnable-track {
          width: 74px;
          height: 6px;
          background-color: #ccc;
          border-radius: 6px;
          cursor: pointer; }
        .c-title__utility form > div input[type="range"]::-webkit-slider-thumb {
          box-shadow: none;
          background-color: #0082dc;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          margin-top: -2px;
          -webkit-appearance: none; }
        .c-title__utility form > div input[type="range"]::-ms-track {
          background: transparent;
          border-color: transparent;
          color: transparent; }
        .c-title__utility form > div input[type="range"]::-ms-fill-lower {
          background-color: #ccc;
          border-color: transparent;
          border-radius: 6px;
          cursor: pointer;
          height: 6px; }
        .c-title__utility form > div input[type="range"]::-ms-fill-upper {
          background-color: #ccc;
          border-color: transparent;
          border-radius: 6px;
          cursor: pointer;
          height: 6px; }
        .c-title__utility form > div input[type="range"]::-ms-thumb {
          box-shadow: none;
          background-color: #0082dc;
          border: none;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          z-index: 2; }
          @supports (-ms-ime-align: auto) {
            .c-title__utility form > div input[type="range"]::-ms-thumb {
              margin-top: 0; } }
      .c-title__utility form > div button {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-right: 6px;
        padding: 6px;
        font-family: YuGothic, "My Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: bold;
        cursor: pointer; }
        .c-title__utility form > div button.is-active {
          border: 1px solid #ff5a5a; }
				.c-title__utility form > div button.is-active3 {
					border: 1px solid #00bfff; }
				.c-title__utility form > div button.is-active2 {
					border: 1px solid #01f868; }
				.c-title__utility form > div button:focus {
          outline: none; }
  .c-title__utility__buttons {
    padding-left: 14px;
    border-left: 1px solid #ddd; }

_:-ms-input-placeholder .c-title__utility form > div input[type="range"], :root .c-title__utility form > div input[type="range"] {
  padding-top: 28px; }

.c-graphSelector {
  position: absolute;
  z-index: 10000;
  border: 1px solid #ddd;
  background: #fff;
  padding: 15px;
  width: 580px;
  height: 368px;
  display: none; }
  .c-graphSelector__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%; }
    .c-graphSelector__list__item {
      width: 20%;
      text-align: center;
      padding: 2px; }
      .c-graphSelector__list__item a {
        font-size: 1.2rem;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 112px; }
        .c-graphSelector__list__item a img {
          margin-bottom: 10px; }
      .c-graphSelector__list__item.is-active a {
        background: #f5f5f5; }
      .c-graphSelector__list__item.is-inactive a {
        opacity: 0.4;
        pointer-events: none; }

.c-graphSettings {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  width: 100%;
  height: 100%;
  display: none; }
  .c-graphSettings__inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .c-graphSettings .c-form {
    background: #fff;
    padding: 0 10rem;
    max-width: 960px;
    max-height: 656px;
    overflow-y: scroll; }
    .c-graphSettings .c-form > div {
      padding: 4.6rem 0; }
  .c-graphSettings p {
    margin-right: 2em; }
  .c-graphSettings input[type="text"],
  .c-graphSettings input[type="email"],
  .c-graphSettings input[type="tel"],
  .c-graphSettings input[type="submit"],
  .c-graphSettings input[type="password"],
  .c-graphSettings input[type="number"] {
    width: 56px;
    margin-left: 4px; }

.c-graphSettings__mainTable {
  border-top: 1px solid #ddd;
  font-size: 1.3rem; }
  .c-graphSettings__mainTable > tbody > tr > th,
  .c-graphSettings__mainTable > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    padding: 16px 20px;
    vertical-align: middle; }
  .c-graphSettings__mainTable > tbody > tr > th {
    white-space: nowrap; }

.c-graphSettings__subTable th,
.c-graphSettings__subTable td {
  padding: 5px 10px; }

.c-graphSettings__subTable th {
  font-weight: normal;
  padding-left: 0;
  vertical-align: middle;
  white-space: nowrap; }

.c-graphSettings__subTable button {
  border: 2px solid #fff;
  padding: 0;
  margin: 5px 10px 5px 0;
  cursor: pointer; }
  .c-graphSettings__subTable button.is-active {
    border: 2px solid #ff5a5a; }

.switch input {
  display: none; }

.switch label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; }

.switch label:before {
  content: 'ON';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  background: #ddd;
  color: #333;
  width: 92px;
  height: 32px; }

.switch label:after {
  content: 'OFF';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff5a5a;
  border-radius: 0 4px 4px 0;
  background: #ff5a5a;
  color: #fff;
  width: 92px;
  height: 32px; }

.switch input:checked + label:before {
  background: #ff5a5a;
  border-color: #ff5a5a;
  color: #fff;
  opacity: 1; }

.switch input:checked + label:after {
  background: #ddd;
  border-color: #ddd;
  color: #333;
  opacity: 1; }

#js-btn-fix {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 153px !important;
  height: 40px;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #666;
  border: none;
  border-radius: 3px;
  margin-right: auto !important;
  margin-left: auto !important; }

.c-graphTabs {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #eee;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 15px; }
  .c-graphTabs__toggleList {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .c-graphTabs__toggleList__item a {
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-radius: 0 0 3px 3px;
      background: #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 82px;
      height: 32px;
      margin-right: 2px; }
      .c-graphTabs__toggleList__item a img {
        width: 20px;
        height: 20px; }
    .c-graphTabs__toggleList__item.is-active a {
      background: #fff; }
  .c-graphTabs__functionList {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .c-graphTabs__functionList__item a {
      background: #0096f0;
      border-radius: 0 0 3px 3px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 82px;
      height: 32px;
      margin-right: 2px;
      font-size: 1.3rem; }
      .c-graphTabs__functionList__item a img {
        width: 20px;
        height: 20px;
        margin-right: 8px; }

.file-selector {
  position: absolute;
  z-index: 10000;
  border: 1px solid #ddd;
  background: #fff;
  width: 1048px;
  height: 568px;
  left: 356px;
  top: 281px;
display: none; }
  .file-selector-heading {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    background: #DDEEFF; }
  .file-selector__list {
    display: flex;
    flex-wrap: wrap;
		justify-content: center;
		width: 100%; }
    .file-selector__list__wrap {
      padding: 12px 30px;
      position: relative; }
    .file-selector__list__item {
      width: 14%;
      text-align: center;
      padding: 2px; }
      .file-selector__list__item a {
        font-size: 1.4rem;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 156px; }
        .file-selector__list__item a img {
          margin-bottom: 10px; }
      .file-selector__list__item.is-active a {
        background: #f5f5f5; }
      .file-selector__list__item.is-inactive a {
        opacity: 0.4;
        pointer-events: none; }
  .file-selector-prev {
    position: absolute;
    left: 12px;
    top: calc(50% - 8px);
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: block;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .file-selector-next {
    position: absolute;
    right: 12px;
    top: calc(50% - 8px);
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: block;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .file-selector input[type="file"] {
    margin: 15px; }

/* --------------------------------------------------------
	Project - プロジェクト
-------------------------------------------------------- */
/* ========================================================================
	Project - プロジェクト固有のスタイル
======================================================================== */
.p-canvasArea {
  width: 100%;
  overflow: hidden; }

.handsontable {
  font-size: 20px; }
  .handsontable th .relative {
    padding: 4px !important; }
  .handsontable td {
    padding: 4px !important; }
  .handsontable thead th .relative {
    padding: 4px !important; }

.htContextMenu {
  text-align: left; }
  .htContextMenu td {
    height: 28px !important;
    padding-top: 6px !important; }
  .htContextMenu table.htCore {
    width: auto !important; }
    .htContextMenu table.htCore .htItemWrapper {
      margin: 0 10px !important; }

/* --------------------------------------------------------
	Utility - ユーティリティ
-------------------------------------------------------- */
/* 汎用クラス (ヘルパークラス)
-------------------------------------------------------- */
/**
 * Clearfix
 */
.cf:after {
  content: "";
  display: block;
  clear: both; }

/**
 * Text Align
 */
.al {
  text-align: left !important; }

.ac {
  text-align: center !important; }

.ar {
  text-align: right !important; }

/**
 * Float
 */
.fl {
  float: left;
  margin: 0 2.4rem 2.4rem 0; }

.fr {
  float: right;
  margin: 0 0 2.4rem 2.4rem; }

@media only screen and (max-width: 767px) {
  .fl,
  .fr {
    float: none;
    margin: 0 auto 1.6rem; } }

/**
 * Container
 */
/**
 * Display
 */
.pc {
  display: block; }

.sp {
  display: none; }

@media only screen and (max-width: 991px) {
  .pc {
    display: none; }
  .sp {
    display: block; } }

/**
 * object-fit-image
 */
.ofi {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;'; }

/**
 * Margin
 */
.m0 {
  margin: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mx0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m1 {
  margin: 8px !important; }

.mt1 {
  margin-top: 8px !important; }

.mr1 {
  margin-right: 8px !important; }

.mb1 {
  margin-bottom: 8px !important; }

.ml1 {
  margin-left: 8px !important; }

.mx1 {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.my1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.m1 {
  margin: 8px !important; }

.mt1 {
  margin-top: 8px !important; }

.mr1 {
  margin-right: 8px !important; }

.mb1 {
  margin-bottom: 8px !important; }

.ml1 {
  margin-left: 8px !important; }

.mx1 {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.my1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.m2 {
  margin: 16px !important; }

.mt2 {
  margin-top: 16px !important; }

.mr2 {
  margin-right: 16px !important; }

.mb2 {
  margin-bottom: 16px !important; }

.ml2 {
  margin-left: 16px !important; }

.mx2 {
  margin-right: 16px !important;
  margin-left: 16px !important; }

.my2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.m3 {
  margin: 24px !important; }

.mt3 {
  margin-top: 24px !important; }

.mr3 {
  margin-right: 24px !important; }

.mb3 {
  margin-bottom: 24px !important; }

.ml3 {
  margin-left: 24px !important; }

.mx3 {
  margin-right: 24px !important;
  margin-left: 24px !important; }

.my3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.m4 {
  margin: 32px !important; }

.mt4 {
  margin-top: 32px !important; }

.mr4 {
  margin-right: 32px !important; }

.mb4 {
  margin-bottom: 32px !important; }

.ml4 {
  margin-left: 32px !important; }

.mx4 {
  margin-right: 32px !important;
  margin-left: 32px !important; }

.my4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.m5 {
  margin: 40px !important; }

.mt5 {
  margin-top: 40px !important; }

.mr5 {
  margin-right: 40px !important; }

.mb5 {
  margin-bottom: 40px !important; }

.ml5 {
  margin-left: 40px !important; }

.mx5 {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.my5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }


.backGround {
  position:absolute;
  width:1920px;
  height:1200px;
  background:#336699;
  opacity:0.4;
  top:0;
  left:0;
  z-index:3000;
  display:none;
}

.selectString {
display:none;
position:absolute;
left:416px;
top:194px;
width:448px;
height:368px;
background-color: #fff;
z-index: 9999;
}

.selectStringInner {
  position:relative;
  height:368px;
 }
  
.selectString select{
  -webkit-appearance: menulist !important;
  -moz-moz-appearance:menulist !important;
  padding: 20px;
  margin: 12px;
  font-size: 2.0em;}

.selectString p{
  padding: 15px;
  font-size: 20px;
  font-weight:bold;
  background: #DDEEFF;
}
.selectStringBtn{
  background: #0096f0;
  border-radius: 0 0 3px 3px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 62px;
  font-size: 2.2rem;
}

.selectBackgBtn{
  background: #d2d2d2;
  border-radius: 0 0 3px 3px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 62px;
  font-size: 2.2rem;
}

.selectStringInner div {
  margin-right: 0px !important;
  margin-left: 0px !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
}

/*画面全体にローディング画面を表示*/
#loading {
  width: 100%;
  height: 100vh;
  background-color: #fff;
	position: relative;
	display:none;
	z-index:50000;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.3;
}
#loading img {
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
