/* ================================================
   サイバーパンク統一デザインシステム CSS (インライン)
   ================================================ */

/*----------------------
common
----------------------*/
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #0d0f1f;
    font-family: 'Orbitron', sans-serif;
    color: #00ffcc;
    box-sizing: border-box;
}
body.__scanActive,
html.__scanActive {
    overflow: hidden;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.inner01 {
    max-width: 1200px;
    margin: 0 auto;
}

.sp {
    display: none;
}

@media (max-width: 768px) {
    body.__sp_noScroll {
        overflow: hidden;
    }
    
    .sp-inner-scroll {
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    .sp {
        display: block;
    }
}

/*--- font ---*/
.txt__s {
    font-size: 0.8em;
}

/*--- グローエフェクト ---*/
.glow-effect {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(0, 255, 204, 0.1), transparent);
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
}

.ripple {
    position: fixed;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple-animation 0.8s ease-out;
    background: radial-gradient(circle, rgba(0, 255, 204, 0.7) 10%, transparent 40%);
    border: 1px solid rgba(0, 255, 204, 0.9);
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.7), 0 0 20px rgba(0, 255, 204, 0.5);
    z-index: 1000;
}

@keyframes ripple-animation {
    0% { transform: scale(0); opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
}

/*--- ユーティリティ ---*/
.mt-0 { margin-top: 0!important; }
.mt-8 { margin-top: 8px!important; }
.mt-16 { margin-top: 16px!important; }
.mt-24 { margin-top: 24px!important; }
.mt-30 { margin-top: 30px!important; }
.mt-32 { margin-top: 32px!important; }
.mt-40 { margin-top: 40px!important; }
.mt-50 { margin-top: 50px!important; }
.mt-70 { margin-top: 70px!important; }
.mt-auto { margin-top: auto!important; }
.mb-0 { margin-bottom: 0!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-24 { margin-bottom: 24px!important; }
.mb-50 { margin-bottom: 50px!important; }
.mb-70 { margin-bottom: 70px!important; }
.mb-auto { margin-bottom: auto!important; }
.text-center { text-align: center!important; }
.text-left { text-align: left!important; }

@media only screen and (min-width: 769px) {
    .pc-mb-70 { margin-bottom: 70px!important; }
}

@media only screen and (max-width: 768px) {
    .sp-mt-64 { margin-top: 64px!important; }
    .sp-mb-0 { margin-bottom: 0!important; }
    .sp-mb-24 { margin-bottom: 24px!important; }
}


/*----------------------
ナビゲーション
----------------------*/
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(16, 19, 43, 0.95);
    padding: 16px 20px;
    border-bottom: 2px solid #00ffcc;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.3);
    z-index: 100;
}

.navbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
}
.navbar-inner.__wMax {
    max-width: unset;
    width: 100%;
}

.navbar-brand a {
    color: #00ffcc;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.8);
}

/*----------------------
ページナビゲーション
----------------------*/
.page-nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 99;
    background: rgba(16, 19, 43, 0.98);
    border-bottom: 1px solid rgba(0, 255, 204, 0.3);
    padding: 10px;
    overflow-x: auto;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(0, 255, 204, 0.2);
}

.page-nav-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.page-nav-btn {
    display: inline-block;
    padding: 8px 14px;
    margin: 2px;
    background: transparent;
    border: 1px solid rgba(0, 255, 204, 0.5);
    color: #00ffcc;
    font-size: 0.8em;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Orbitron', sans-serif;
}

.page-nav-btn.active {
    background: #00ffcc;
    color: #0d0f1f;
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
}

@media (hover: hover) {
    .page-nav-btn:hover {
        background: #00ffcc;
        color: #0d0f1f;
        box-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
    }
}

@media (max-width: 768px) {
    .page-nav-btn {
        font-size: 0.7em;
        padding: 6px 10px;
    }
}


/*----------------------
ページコンテナ
----------------------*/
.page-container {
    display: none;
    min-height: 100vh;
    padding: 130px 20px 40px;
    position: relative;
}

.page-container.active {
    display: block;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
}

.content {
    width: 100%;
}

@media (max-width: 768px) {
    .page-container {
        padding: 130px 16px 100px;
    }
}

/*----------------------
ページヘッダー
----------------------*/
.page-header {
    margin-bottom: 40px;
    text-align: center;
}
.page-header.__get_itemdata {
    margin: 0 auto 80px;
}

.page-header h1 {
    color: #00ffcc;
    font-size: clamp(2rem, 5vw, 3.5rem);
    margin: 0 0 16px 0;
    text-shadow: 0 0 25px rgba(0, 255, 204, 0.8);
    letter-spacing: 3px;
}

.page-header p {
    color: rgba(0, 255, 204, 0.7);
    font-size: 1.1rem;
    margin: 0;
}

@media (max-width: 768px) {
    .page-header.__get_itemdata {
        margin-bottom: 60px;
    }
}

/*----------------------
ボタン
----------------------*/
.button-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.button-grid.__w700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.button-grid.__w800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.button-grid.__w900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.button-grid.__1col {
    grid-template-columns: 1fr;
}
.button-grid.__2col {
    grid-template-columns: 1fr 1fr;
}

.button-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
}

@media (max-width: 768px) {
    .button-grid {
        grid-template-columns: 1fr;
    }
}

/*--- cyber-button ---*/
.cyber-button {
    background: transparent;
    color: #00ffcc;
    border: 2px solid #00ffcc;
    padding: 48px 32px;
    font-size: 1.5em;
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.3s ease;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 4px;
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
    min-width: 220px;
    text-decoration: none;
    text-align: center;
}

.cyber-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00ffcc, transparent);
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

@media (hover: hover) {
    .cyber-button:hover::before {
        transform: translateY(0);
    }

    .cyber-button:hover {
        transform: scale(1.05);
        background-color: rgba(0, 255, 204, 0.8);
        color: #0d0f1f;
        box-shadow: 0 0 30px rgba(0, 255, 204, 0.8);
    }
    .cyber-button:hover .icoTxt-01 .icoTxt-01--ico,
    .cyber-button:hover .icoTxt-02 .icoTxt-02--ico {
        background-color: #0d0f1f;
    }
}

.cyber-button span {
    position: relative;
    z-index: 2;
}

.cyber-button--medium {
    padding: 24px 40px;
    font-size: 1.3em;
    min-width: 180px;
}

.cyber-button--small {
    padding: 16px 32px;
    font-size: 1.1em;
    letter-spacing: 2px;
    min-width: 140px;
}

@media (max-width: 768px) {
    .cyber-button {
        padding: 32px 24px;
        font-size: 1.2em;
        min-width: 160px;
    }

    .cyber-button--medium {
        padding: 20px 28px;
        font-size: 1.1em;
    }

    .cyber-button--small {
        padding: 14px 24px;
        font-size: 1em;
    }
}

/*--- btn ---*/
.btn {
    background-color: #00ffcc;
    color: #10132b;
    border: none;
    padding: 16px 48px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.6);
    font-size: 1.3em;
    min-width: 160px;
    text-align: center;
    text-decoration: none;
}
.btn.__large {
    font-size: 1.8em;
    padding: 24px 60px;
}
.btn.__small {
    min-width: unset;
    padding: 16px;
    font-size: 1.2em;
}

@media (hover: hover) {
    .btn:hover {
        background-color: #00ccb3;
        transform: translateY(-2px);
        box-shadow: 0 0 30px rgba(0, 255, 204, 0.9);
    }
}

@media (max-width: 768px) {
    .btn {
        padding: 14px 36px;
        font-size: 1.3em;
    }
    .btn.__sp_wMax {
        width: 100%;
    }
    .btn.__large {
        font-size: 1.5em;
    }
    .btn.__small {
        padding: 14px;
    } 
}

/*--- back-btn ---*/
.back-btn {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #00ffcc;
    color: #00ffcc;
    text-decoration: none;
    text-align: center;
    padding: 12px 32px;
    font-size: 1.2em;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 140px;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.3);
}

@media (hover: hover) {
    .back-btn:hover {
        background-color: #00ffcc;
        color: #10132b;
        transform: translateY(-2px);
        box-shadow: 0 0 25px rgba(0, 255, 204, 0.8);
    }
}

.back-btn__wrap {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
    flex-wrap: wrap;
}

/*----------------------
フォーム
----------------------*/
.form-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}
.form-container.__w1000 {
    max-width: 1000px;
}

.form {
    text-align: center;
    background: rgba(0, 255, 204, 0.05);
    padding: 48px 40px;
    border: 2px solid #00ffcc;
    border-radius: 12px;
    width: 100%;
    box-shadow: 0 0 30px rgba(0, 255, 204, 0.2);
    backdrop-filter: blur(10px);
    max-width: 900px;
    margin: 0 auto;
}
.form.__w800 {
    max-width: 800px;
}
.form.__wMax {
    max-width: unset;
    width: 100%;
}

.form-ttl {
    text-align: center;
    font-size: 1.7em;
}

.form-grid {
    display: grid;
    gap: 20px;
}
.form-grid.__2col {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.form-grid.__2col--2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.form-grid.__3col {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.form-grid.__5col {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.form label {
    color: #00ffcc;
    font-size: 1.3em;
    margin-bottom: 12px;
    display: block;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
}

.form-group {
    margin-bottom: 24px;
    text-align: left;
}

.form-group label {
    font-size: 1.2em;
    display: block;
    margin-bottom: 8px;
}
.form-group label .Sub {
    color: rgba(0, 255, 204, 0.6);
    text-shadow: none;
}

.form-group-txt {
    font-size: 0.9em;
    color: rgba(0, 255, 204, 0.7);
    margin: 5px 0 10px;
}

.input-field__flex {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.input-field {
    display: block;
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #00ffcc;
    border-radius: 8px;
    background-color: rgba(13, 15, 31, 0.8);
    color: #00ffcc;
    margin-bottom: 24px;
    transition: all 0.3s ease;
    font-size: 1.8em;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    box-shadow: inset 0 0 20px rgba(0, 255, 204, 0.1);
    /*padding: 12px 16px !important;*/
}
.input-field.__disabled {
    background-color: rgba(0, 255, 204, 0.05);
    border: 2px solid rgba(0, 255, 204, 0.3);
    cursor: not-allowed;
}

.input-field:focus {
    border-color: #00ffcc;
    outline: none;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.6), inset 0 0 20px rgba(0, 255, 204, 0.2);
    background-color: rgba(13, 15, 31, 0.9);
}

.input-field::placeholder {
    color: rgba(0, 255, 204, 0.4);
}

.input-field--small {
    font-size: 1.2em;
    padding: 12px 16px;
}

textarea.input-field {
    font-size: 1.2em;
    text-align: left;
    min-height: 120px;
    resize: vertical;
}

select.input-field {
    font-size: 1.2em;
    text-align: left;
    padding: 15.5px 16px;
}

.radio-field__wrap {
    width: 100%;
    padding: 0 0 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

label.radio-field__label {
    width: calc((100% - 20px) / 2);
    min-width: max-content;
    display: flex!important;
    align-items: center;
    margin: 0!important;
    font-size: 1em;
}

.radio-field__txt {
    font-size: 1.5em;
}

.radio-field {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 42px;
    position: relative;
}
.radio-field::before,
.radio-field::after {
    content: "";
    display: block; 
    position: absolute;
}
.radio-field::before {
    background: #0d0f1f;
    border: 1px solid #00ffcc;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}
.radio-field::after {
    border-bottom: 3px solid #00ffcc;
    border-left: 3px solid #00ffcc;
    opacity: 0;
    height: 10px;
    width: 17px;
    transform: translate(-80%,-75%) rotate(-45deg);
    top: 50%;
    left: 50%;
}
.radio-field:checked::after {
    opacity: 1;
}

input[type="date"] {
    position: relative;
}

input[type="date"]::after {
    content: "";
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z"/></svg>');
    background-color: #00ffcc;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    height: 50%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

@media (max-width: 768px) {
    .form {
        padding: 32px 24px;
    }

    .form-ttl {
        font-size: 1.4em;
    }    

    .form-grid.__2col {
        grid-template-columns: 1fr;
    }
    .form-grid.__2col--2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .form-grid.__3col {
        grid-template-columns: 1fr;
    }

    .form-group {
        margin-bottom: 0;
    }    

    .input-field {
        font-size: 1.4em;
    }
    .input-field--small {
        font-size: 1.2em;
    }
    input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        padding: 12px 16px;
        padding-right: calc(10px + (1em + 12px * 2) / 2);
        min-height: calc(1.8em + 12px * 2); 
    }

    @supports (-webkit-overflow-scrolling: touch) {
        input[type="date"] {
            padding-right: calc(10px + (1em + 12px * 2));
        }
    }
}

/*----------------------
テーブル
----------------------*/
/*--- cyber-table ---*/
.cyber-table-container {
    width: 100%;
    overflow-x: auto;
    margin: 24px 0;
    border: 2px solid #00ffcc;
    border-radius: 12px;
    background: rgba(0, 255, 204, 0.03);
    box-shadow: 0 0 30px rgba(0, 255, 204, 0.2);
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}
.cyber-table-container.__w900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.cyber-table-container.__scrollY {
    overflow-x: hidden;
    overflow-y: auto;
}

.cyber-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Orbitron', sans-serif;
}
.cyber-table.__minW500 {
    min-width: 500px;
}

.cyber-table thead {
    background: rgba(0, 255, 204, 0.15);
}

.cyber-table tr:first-child *:first-child {
    width: 30%;
}

.cyber-table th {
    color: #00ffcc;
    font-weight: bold;
    padding: 16px 12px;
    text-align: left;
    border-bottom: 2px solid #00ffcc;
    font-size: 1.2em;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
    letter-spacing: 1px;
    padding: 14px 12px !important;
}

.cyber-table td {
    color: #00ffcc;
    padding: 14px 12px;
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(0, 255, 204, 0.2);
    font-size: 1.2em;
}

.cyber-table tbody tr {
    transition: all 0.3s ease;
}

.cyber-table tbody tr:hover {
    background: rgba(0, 255, 204, 0.1);
    box-shadow: inset 0 0 20px rgba(0, 255, 204, 0.15);
}

.cyber-table tbody tr:last-child td {
    border-bottom: none;
}

.cyber-table .btn-table {
    padding: 8px 20px;
    font-size: 0.9em;
    min-width: 80px;
    margin: 4px;
}

@media (max-width: 768px) {
    .cyber-table tr:first-child *:first-child {
        width: 40%;
    }
    
    .cyber-table th,
    .cyber-table td {
        padding: 10px 8px;
        font-size: 0.9em;
    }
}

/*--- cyber-table-2 ---*/
.cyber-table-2-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
    border: 2px solid #00ffcc;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.3);
    cursor: grab;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

.cyber-table-2-container:active {
    cursor: grabbing;
}

.cyber-table-2 {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.2em;
}

.cyber-table-2.__nowrap {
    white-space: nowrap;
}

.cyber-table-2 thead {
    position: sticky;
    top: 0;
    z-index: 10;
}

.cyber-table-2 thead th {
    background: rgba(16, 19, 43, 0.98);
    color: #00ffcc;
    padding: 16px 14px;
    box-shadow: inset 0 -2px 0 rgba(0, 255, 204, 1);
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 255, 204, 0.3);
    text-align: left;
}
.cyber-table-2 thead th.__fixed {
    position: sticky;
    left: 0;
    z-index: 20;
}
.cyber-table-2 thead th.__fixedRight {
    position: sticky;
    right: 0;
    z-index: 20;
    padding: 16px 0;
    text-align: center;
}

.cyber-table-2 tbody td {
    color: #00ffcc;
    padding: 16px 14px;
    border-bottom: 1px solid rgba(0, 255, 204, 0.2);
}
.cyber-table-2 tbody td:first-child {
    background: rgba(13, 15, 31, 0.95);
}
.cyber-table-2 tbody td.__note {
    text-align: left;
    white-space: normal;
    min-width: 300px;
    max-width: 500px;
}
.cyber-table-2 tbody td.__fixed {
    position: sticky;
    left: 0;
}
.cyber-table-2 tbody td.__fixedRight {
    position: sticky;
    right: 0;
    background: rgba(13, 15, 31, 0.95);
    padding: 16px 0;
}

.cyber-table-2 tbody tr:hover td {
    background: rgba(0, 255, 204, 0.15);
}
.cyber-table-2 tbody tr:hover td.__fixed,
.cyber-table-2 tbody tr:hover td:first-child {
    background: rgba(0, 255, 204, 1);
}

.cyber-table-2 input[type="checkbox"] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    accent-color: #00ffcc;
}

.cyber-table-2 .btn-table {
    padding: 8px 20px;
    font-size: 0.9em;
    min-width: 80px;
    margin: 4px;
    cursor: pointer;
}
.cyber-table-2 .btn-table.__small {
    padding: 8px 10px;
    font-size: 0.7em;
    min-width: unset;
}

.cyber-table-2 .btn-table-wrap {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .cyber-table-2,
    .cyber-table-2 th,
    .cyber-table-2 td {
        font-size: 1em;
        -webkit-text-size-adjust: none;
    }
    .cyber-table-2 thead th:first-child {
        padding: 16px 5px;
    }    
    .cyber-table-2 tbody td:first-child {
        padding: 16px 5px;
    }    
    .cyber-table-2 tbody td.__note {
        min-width: 200px;
    }
    .cyber-table-2 input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }     
}

/*--- cyber-table-3 ---*/
.cyber-table-3-container {
    width: 100%;
    overflow-y: auto;
    margin: 24px 0;
    border: 2px solid #00ffcc;
    border-radius: 12px;
    background: rgba(0, 255, 204, 0.03);
    box-shadow: 0 0 30px rgba(0, 255, 204, 0.2);
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

.cyber-table-3 {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Orbitron', sans-serif;
}

.cyber-table-3 tr:first-child *:first-child {
    width: 30%;
}

.cyber-table-3 th {
    color: #00ffcc;
    font-weight: bold;
    padding: 16px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(0, 255, 204, 0.2);
    font-size: 1.2em;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
    letter-spacing: 1px;
    padding: 14px 12px !important;
}

.cyber-table-3 td {
    color: #00ffcc;
    padding: 14px 12px;
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(0, 255, 204, 0.2);
    font-size: 1.2em;
    word-break: break-all;
}

.cyber-table-3 .btn-table {
    padding: 8px 20px;
    font-size: 0.9em;
    min-width: 80px;
    margin: 4px;
}

@media (max-width: 768px) {
    .cyber-table-3 th,
    .cyber-table-3 td {
        padding: 10px 8px;
        font-size: 0.9em;
    }
}


/*----------------------
Pagination
----------------------*/
.pagination_wrap {
    display: flex;
    justify-content: center;
    margin: 50px 0 30px;
    gap: 10px;
}
.pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 10px;
  font-size: 1.4rem;
  line-height: 1;
  color: #00ffcc;
  text-decoration: none;
}
.pagination .next a,
.pagination .next-inactive a,
.pagination .previous a,
.pagination .previous-inactive a {
    font-size: 2rem;
    transform: translateY(-6%);
}
.pagination .active a {
  background: #00ffcc;
  color: rgba(13, 15, 31, 1);
}
@media screen and (max-width: 768px) {
  .pagination {
      flex-wrap: wrap;
      padding: 0 3rem;
      position: relative;
      width: max-content;
      margin: 0 auto;
  }
  .pagination a {
      width: 2rem;
      border-radius: 6.5px;
      font-size: 1rem;
  }
  .pagination .previous,
  .pagination .previous-inactive,
  .pagination .next,
  .pagination .next-inactive {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
  }
  .pagination .previous,
  .pagination .previous-inactive {
      left: 0;
  }
  .pagination .next,
  .pagination .next-inactive {
      right: 0;
  }
    .pagination .next a,
    .pagination .next-inactive a,
    .pagination .previous a,
    .pagination .previous-inactive a {
        font-size: 1.4rem;
    }
}


/*----------------------
インフォカード
----------------------*/
.info-card {
    background: rgba(0, 255, 204, 0.05);
    border: 2px solid #00ffcc;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 0 30px rgba(0, 255, 204, 0.2);
    max-width: 1200px;
    width: 100%;
    margin: 24px auto;
}
.info-card.__w800 {
    max-width: 800px;
}
.info-card.__wMax {
    max-width: unset;
}

.info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.info-grid {
    display: grid;
    gap: 20px;
}
.info-grid.__2col {
    grid-template-columns: repeat(2, 1fr);
}

.info-group {
    margin-bottom: 20px;
    text-align: left;
}

.info-group label {
    font-size: 1.2em;
    display: block;
    margin-bottom: 8px;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
}

.info-row {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 255, 204, 0.2);
}

.info-row:last-child {
    border-bottom: none;
}

.info-ttl {
    font-size: 1.3em;
}

.info-label {
    color: rgba(0, 255, 204, 0.8);
    font-size: 1.1em;
}

.info-value {
    color: #00ffcc;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
}

.info-textarea {
    font-size: 1.2em;
    background: rgba(0, 255, 204, 0.05);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 255, 204, 0.2);
    min-height: 50px;
}

.info-textarea-label {
    display: block;
    color: rgba(0, 255, 204, 0.7);
    font-size: 0.9em;
    margin-bottom: 8px;
    text-align: center;
}

.info-textarea-txt {
    display: block;
    text-align: center;
}
.info-textarea-txt.__large {
    font-size: 2em;
    font-weight: bold;
}

@media (max-width: 768px) {
    .info-card.__sp_p20 {
        padding: 32px 20px 20px;
    }
    
    .info-ttl {
        font-size: 1.2em;
    }

    .info-group label {
        font-size: 0.9em;
    }    

    .info-grid.__2col {
        grid-template-columns: 1fr;
    }    

    .info-header .cyber-button {
        padding: 10px 14px;
        font-size: 0.9em;
        min-width: 90px;
    }

    .info-textarea {
        font-size: 0.9em;
    }
}


/*----------------------
画像アップロード
----------------------*/
.image-upload-area {
    border: 2px dashed #00ffcc;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    background: rgba(0, 255, 204, 0.03);
    margin: 20px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.image-upload-area:hover {
    background: rgba(0, 255, 204, 0.08);
    border-color: #00ffcc;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.3);
}

.image-upload-area-txt01 {
    font-size: 1.2em;
    margin: 0;
}

.image-upload-area-txt02 {
    font-size: 0.9em;
    color: rgba(0, 255, 204, 0.6);
    margin: 10px 0 0;
}

.image-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.image-preview-item {
    position: relative;
    border: 2px solid #00ffcc;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1;
    background: rgba(0, 255, 204, 0.05);
}

.image-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-delete-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 0, 102, 0.8);
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8em;
}

/* 11. チェックボックス */
.checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #00ffcc;
}


/*----------------------
エラーメッセージ
----------------------*/
.errMsg {
    font-size: 1.3em;
    margin-bottom: 40px;
    display: block;
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
    text-align: center;
}


/*----------------------
モーダルウィンドウ
----------------------*/
/*--- modal-01 ---*/
#modal-01 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background: rgba(0,0,0,.7);
    transition: .2s;
}
#modal-01.__active {
    opacity: 1;
    visibility: visible;
}

.modal-01-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    height: 60%;
    max-width: 900px;
    max-height: 550px;
    padding: 40px 20px;
    border: 2px solid #00ffcc;
    border-radius: 15px;
    background: #0d0f1f;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.modal-01-txt {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    line-height: 1.85;
    margin-bottom: 50px;
    margin-top: auto;
}

.modal-01-tel {
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    margin-bottom: auto;
}

@media (max-width: 768px) {
    .modal-01-txt {
        font-size: 1.5em;
    }
}

/*--- modal-02 ---*/
#modal-02 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background: rgba(0,0,0,.7);
    transition: .2s;
}
#modal-02.__active {
    opacity: 1;
    visibility: visible;
}

.modal-02-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 16px * 2);
    height: calc(100% - 16px * 2);
    max-width: 900px;
    padding: 40px 20px;
    border: 2px solid #00ffcc;
    border-radius: 15px;
    background: #0d0f1f;
    display: flex;
    justify-content: center;
    flex-direction: column;
}




/*----------------------
JANコードスキャナー
----------------------*/
#start-scan-btn {
    display: block;
    width: 100%;
    font-size: 1em;
    margin: 24px auto 0;
    background: transparent;
    color: #00ffcc;
    border: 2px solid #00ffcc;
}
@media (hover: hover) {
    #start-scan-btn:hover {
        background: transparent;
        color: #00ffcc;
        box-shadow: none;
    }
}

.start-scan-btn--small {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: max-content;
    width: unset;
    font-size: .8em;
    white-space: nowrap;
    padding: 5px 10px;
    line-height: 1.25;
    min-width: unset;
}
@media (hover: hover) {
    .start-scan-btn--small:hover {
        background-color: #00ffcc;
        box-shadow: none;
    }
}
.start-scan-btn__ico {
    display: block;
    width: 25px;
    aspect-ratio: 1/1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 96C110.3 96 96 110.3 96 128L96 512C96 529.7 110.3 544 128 544C145.7 544 160 529.7 160 512L160 128C160 110.3 145.7 96 128 96zM216 96C202.7 96 192 106.7 192 120L192 520C192 533.3 202.7 544 216 544C229.3 544 240 533.3 240 520L240 120C240 106.7 229.3 96 216 96zM288 128L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128zM496 120L496 520C496 533.3 506.7 544 520 544C533.3 544 544 533.3 544 520L544 120C544 106.7 533.3 96 520 96C506.7 96 496 106.7 496 120zM400 120L400 520C400 533.3 410.7 544 424 544C437.3 544 448 533.3 448 520L448 120C448 106.7 437.3 96 424 96C410.7 96 400 106.7 400 120z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#jancd-scanner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    transition: .3s;
    z-index: 99;
    overflow: hidden;
}
#jancd-scanner.__show {
    visibility: visible;
    opacity: 1;
}
.jancd-scanner__cont {
    width: 80vw;
    height: 60vh;
    padding: 40px 20px;
    border: 1px solid #00ffcc;
    border-radius: 15px;
    background: #0d0f1f;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.jancd-scanner__area {
    width: 100%;
    height: calc(100% - 85px);
}
.jancd-scanner__area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.jancd-scanner__area canvas.drawingBuffer {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
}
.jancd-scanner__btnWrap {
    margin-top: 40px;
}
.jancd-scanner__btn {
    display: block;
    background-color: #00ffcc;
    color: #10132b;
    border: none;
    padding: 10px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 4px;
    width: unset;
    max-width: max-content;
    max-height: 45px;
    margin: 0 auto;
    font-family: 'Senbantai', 'Orbitron', sans-serif;
    font-weight: bold;
}


/*----------------------
アイコン
----------------------*/
.ico--camera {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M213.1 128.8L202.7 160L128 160C92.7 160 64 188.7 64 224L64 480C64 515.3 92.7 544 128 544L512 544C547.3 544 576 515.3 576 480L576 224C576 188.7 547.3 160 512 160L437.3 160L426.9 128.8C420.4 109.2 402.1 96 381.4 96L258.6 96C237.9 96 219.6 109.2 213.1 128.8zM320 256C373 256 416 299 416 352C416 405 373 448 320 448C267 448 224 405 224 352C224 299 267 256 320 256z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M213.1 128.8L202.7 160L128 160C92.7 160 64 188.7 64 224L64 480C64 515.3 92.7 544 128 544L512 544C547.3 544 576 515.3 576 480L576 224C576 188.7 547.3 160 512 160L437.3 160L426.9 128.8C420.4 109.2 402.1 96 381.4 96L258.6 96C237.9 96 219.6 109.2 213.1 128.8zM320 256C373 256 416 299 416 352C416 405 373 448 320 448C267 448 224 405 224 352C224 299 267 256 320 256z"/></svg>');

}
.ico--photo {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z"/></svg>');
}
.ico--damaged {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"/></svg>');
}
.ico--used {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M576 224L575.9 296.6C575.9 341.4 558.3 383.7 528 415C527.7 338 487.9 266.6 422.6 225.7L420.7 224.5C423.2 220.8 423.5 215.9 421.1 211.8L359.1 104.4C352.5 92.9 356.4 78.2 367.9 71.6C379.4 65 394 69 400.6 80.5L468.6 198.3L468.6 198.3L468.6 198.3L511.9 273.3L512 224C512 206.3 526.4 192 544 192C561.6 192 576 206.4 576 224zM362.4 188.2C348.3 179.4 332.6 175.5 317.2 176.1L280.7 112.8C274.1 101.3 278 86.6 289.5 80C301 73.4 315.7 77.3 322.3 88.8L389.4 205L362.4 188.1zM275.9 152.5L292.3 180.9C277.2 186.4 263.7 196.5 254 210.6L234.3 176.4C227.7 164.9 231.6 150.2 243.1 143.6C254.6 137 269.3 140.9 275.9 152.4zM229.5 216.2L242 237.9C240 246.5 239.5 255.4 240.3 264L236 264L236 264L201.6 264L187.9 240.2C181.3 228.7 185.2 214 196.7 207.4C208.2 200.8 222.9 204.7 229.5 216.2zM292.9 239C302.3 224 322 219.5 337 228.8L397.2 266.4C448.7 298.7 480 355.2 480 416L480 424C480 507.9 411.9 576 328 576L152 576C138.7 576 128 565.3 128 552C128 538.7 138.7 528 152 528L244 528C250.6 528 256 522.6 256 516C256 509.4 250.6 504 244 504L120 504C106.7 504 96 493.3 96 480C96 466.7 106.7 456 120 456L244 456C250.6 456 256 450.6 256 444C256 437.4 250.6 432 244 432L88 432C74.7 432 64 421.3 64 408C64 394.7 74.7 384 88 384L244 384C250.6 384 256 378.6 256 372C256 365.4 250.6 360 244 360L120 360C106.7 360 96 349.3 96 336C96 322.7 106.7 312 120 312L256 312L256 312L256 312L349.2 312L303 283.1C288 273.7 283.5 254 292.8 239z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M576 224L575.9 296.6C575.9 341.4 558.3 383.7 528 415C527.7 338 487.9 266.6 422.6 225.7L420.7 224.5C423.2 220.8 423.5 215.9 421.1 211.8L359.1 104.4C352.5 92.9 356.4 78.2 367.9 71.6C379.4 65 394 69 400.6 80.5L468.6 198.3L468.6 198.3L468.6 198.3L511.9 273.3L512 224C512 206.3 526.4 192 544 192C561.6 192 576 206.4 576 224zM362.4 188.2C348.3 179.4 332.6 175.5 317.2 176.1L280.7 112.8C274.1 101.3 278 86.6 289.5 80C301 73.4 315.7 77.3 322.3 88.8L389.4 205L362.4 188.1zM275.9 152.5L292.3 180.9C277.2 186.4 263.7 196.5 254 210.6L234.3 176.4C227.7 164.9 231.6 150.2 243.1 143.6C254.6 137 269.3 140.9 275.9 152.4zM229.5 216.2L242 237.9C240 246.5 239.5 255.4 240.3 264L236 264L236 264L201.6 264L187.9 240.2C181.3 228.7 185.2 214 196.7 207.4C208.2 200.8 222.9 204.7 229.5 216.2zM292.9 239C302.3 224 322 219.5 337 228.8L397.2 266.4C448.7 298.7 480 355.2 480 416L480 424C480 507.9 411.9 576 328 576L152 576C138.7 576 128 565.3 128 552C128 538.7 138.7 528 152 528L244 528C250.6 528 256 522.6 256 516C256 509.4 250.6 504 244 504L120 504C106.7 504 96 493.3 96 480C96 466.7 106.7 456 120 456L244 456C250.6 456 256 450.6 256 444C256 437.4 250.6 432 244 432L88 432C74.7 432 64 421.3 64 408C64 394.7 74.7 384 88 384L244 384C250.6 384 256 378.6 256 372C256 365.4 250.6 360 244 360L120 360C106.7 360 96 349.3 96 336C96 322.7 106.7 312 120 312L256 312L256 312L256 312L349.2 312L303 283.1C288 273.7 283.5 254 292.8 239z"/></svg>');
}
.ico--shop {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M53.5 245.1L110.3 131.4C121.2 109.7 143.3 96 167.6 96L472.5 96C496.7 96 518.9 109.7 529.7 131.4L586.5 245.1C590.1 252.3 592 260.2 592 268.3C592 295.6 570.8 318 544 319.9L544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512L480 320L384 320L384 496C384 522.5 362.5 544 336 544L144 544C117.5 544 96 522.5 96 496L96 319.9C69.2 318 48 295.6 48 268.3C48 260.3 49.9 252.3 53.5 245.1zM160 320L160 432C160 440.8 167.2 448 176 448L304 448C312.8 448 320 440.8 320 432L320 320L160 320z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M53.5 245.1L110.3 131.4C121.2 109.7 143.3 96 167.6 96L472.5 96C496.7 96 518.9 109.7 529.7 131.4L586.5 245.1C590.1 252.3 592 260.2 592 268.3C592 295.6 570.8 318 544 319.9L544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512L480 320L384 320L384 496C384 522.5 362.5 544 336 544L144 544C117.5 544 96 522.5 96 496L96 319.9C69.2 318 48 295.6 48 268.3C48 260.3 49.9 252.3 53.5 245.1zM160 320L160 432C160 440.8 167.2 448 176 448L304 448C312.8 448 320 440.8 320 432L320 320L160 320z"/></svg>');
}
.ico--product {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 64L288 128C288 136.8 295.2 144 304 144L336 144C344.8 144 352 136.8 352 128L352 64L384 64C419.3 64 448 92.7 448 128L448 256C448 261.5 447.3 266.9 446 272L194 272C192.7 266.9 192 261.5 192 256L192 128C192 92.7 220.7 64 256 64L288 64zM384 576C372.8 576 362.2 573.1 353 568C362.5 551.5 368 532.4 368 512L368 384C368 363.6 362.5 344.5 353 328C362.2 322.9 372.7 320 384 320L416 320L416 384C416 392.8 423.2 400 432 400L464 400C472.8 400 480 392.8 480 384L480 320L512 320C547.3 320 576 348.7 576 384L576 512C576 547.3 547.3 576 512 576L384 576zM64 384C64 348.7 92.7 320 128 320L160 320L160 384C160 392.8 167.2 400 176 400L208 400C216.8 400 224 392.8 224 384L224 320L256 320C291.3 320 320 348.7 320 384L320 512C320 547.3 291.3 576 256 576L128 576C92.7 576 64 547.3 64 512L64 384z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 64L288 128C288 136.8 295.2 144 304 144L336 144C344.8 144 352 136.8 352 128L352 64L384 64C419.3 64 448 92.7 448 128L448 256C448 261.5 447.3 266.9 446 272L194 272C192.7 266.9 192 261.5 192 256L192 128C192 92.7 220.7 64 256 64L288 64zM384 576C372.8 576 362.2 573.1 353 568C362.5 551.5 368 532.4 368 512L368 384C368 363.6 362.5 344.5 353 328C362.2 322.9 372.7 320 384 320L416 320L416 384C416 392.8 423.2 400 432 400L464 400C472.8 400 480 392.8 480 384L480 320L512 320C547.3 320 576 348.7 576 384L576 512C576 547.3 547.3 576 512 576L384 576zM64 384C64 348.7 92.7 320 128 320L160 320L160 384C160 392.8 167.2 400 176 400L208 400C216.8 400 224 392.8 224 384L224 320L256 320C291.3 320 320 348.7 320 384L320 512C320 547.3 291.3 576 256 576L128 576C92.7 576 64 547.3 64 512L64 384z"/></svg>');
}
.ico--tag {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M96.5 160L96.5 309.5C96.5 326.5 103.2 342.8 115.2 354.8L307.2 546.8C332.2 571.8 372.7 571.8 397.7 546.8L547.2 397.3C572.2 372.3 572.2 331.8 547.2 306.8L355.2 114.8C343.2 102.7 327 96 310 96L160.5 96C125.2 96 96.5 124.7 96.5 160zM208.5 176C226.2 176 240.5 190.3 240.5 208C240.5 225.7 226.2 240 208.5 240C190.8 240 176.5 225.7 176.5 208C176.5 190.3 190.8 176 208.5 176z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M96.5 160L96.5 309.5C96.5 326.5 103.2 342.8 115.2 354.8L307.2 546.8C332.2 571.8 372.7 571.8 397.7 546.8L547.2 397.3C572.2 372.3 572.2 331.8 547.2 306.8L355.2 114.8C343.2 102.7 327 96 310 96L160.5 96C125.2 96 96.5 124.7 96.5 160zM208.5 176C226.2 176 240.5 190.3 240.5 208C240.5 225.7 226.2 240 208.5 240C190.8 240 176.5 225.7 176.5 208C176.5 190.3 190.8 176 208.5 176z"/></svg>');
}
.ico--comment {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 544C461.4 544 576 436.5 576 304C576 171.5 461.4 64 320 64C178.6 64 64 171.5 64 304C64 358.3 83.2 408.3 115.6 448.5L66.8 540.8C62 549.8 63.5 560.8 70.4 568.3C77.3 575.8 88.2 578.1 97.5 574.1L215.9 523.4C247.7 536.6 282.9 544 320 544zM192 272C209.7 272 224 286.3 224 304C224 321.7 209.7 336 192 336C174.3 336 160 321.7 160 304C160 286.3 174.3 272 192 272zM320 272C337.7 272 352 286.3 352 304C352 321.7 337.7 336 320 336C302.3 336 288 321.7 288 304C288 286.3 302.3 272 320 272zM416 304C416 286.3 430.3 272 448 272C465.7 272 480 286.3 480 304C480 321.7 465.7 336 448 336C430.3 336 416 321.7 416 304z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 544C461.4 544 576 436.5 576 304C576 171.5 461.4 64 320 64C178.6 64 64 171.5 64 304C64 358.3 83.2 408.3 115.6 448.5L66.8 540.8C62 549.8 63.5 560.8 70.4 568.3C77.3 575.8 88.2 578.1 97.5 574.1L215.9 523.4C247.7 536.6 282.9 544 320 544zM192 272C209.7 272 224 286.3 224 304C224 321.7 209.7 336 192 336C174.3 336 160 321.7 160 304C160 286.3 174.3 272 192 272zM320 272C337.7 272 352 286.3 352 304C352 321.7 337.7 336 320 336C302.3 336 288 321.7 288 304C288 286.3 302.3 272 320 272zM416 304C416 286.3 430.3 272 448 272C465.7 272 480 286.3 480 304C480 321.7 465.7 336 448 336C430.3 336 416 321.7 416 304z"/></svg>');
}
.ico--price {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M296 88C296 74.7 306.7 64 320 64C333.3 64 344 74.7 344 88L344 128L400 128C417.7 128 432 142.3 432 160C432 177.7 417.7 192 400 192L285.1 192C260.2 192 240 212.2 240 237.1C240 259.6 256.5 278.6 278.7 281.8L370.3 294.9C424.1 302.6 464 348.6 464 402.9C464 463.2 415.1 512 354.9 512L344 512L344 552C344 565.3 333.3 576 320 576C306.7 576 296 565.3 296 552L296 512L224 512C206.3 512 192 497.7 192 480C192 462.3 206.3 448 224 448L354.9 448C379.8 448 400 427.8 400 402.9C400 380.4 383.5 361.4 361.3 358.2L269.7 345.1C215.9 337.5 176 291.4 176 237.1C176 176.9 224.9 128 285.1 128L296 128L296 88z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M296 88C296 74.7 306.7 64 320 64C333.3 64 344 74.7 344 88L344 128L400 128C417.7 128 432 142.3 432 160C432 177.7 417.7 192 400 192L285.1 192C260.2 192 240 212.2 240 237.1C240 259.6 256.5 278.6 278.7 281.8L370.3 294.9C424.1 302.6 464 348.6 464 402.9C464 463.2 415.1 512 354.9 512L344 512L344 552C344 565.3 333.3 576 320 576C306.7 576 296 565.3 296 552L296 512L224 512C206.3 512 192 497.7 192 480C192 462.3 206.3 448 224 448L354.9 448C379.8 448 400 427.8 400 402.9C400 380.4 383.5 361.4 361.3 358.2L269.7 345.1C215.9 337.5 176 291.4 176 237.1C176 176.9 224.9 128 285.1 128L296 128L296 88z"/></svg>');
}
.ico--edit {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M416.9 85.2L372 130.1L509.9 268L554.8 223.1C568.4 209.6 576 191.2 576 172C576 152.8 568.4 134.4 554.8 120.9L519.1 85.2C505.6 71.6 487.2 64 468 64C448.8 64 430.4 71.6 416.9 85.2zM338.1 164L122.9 379.1C112.2 389.8 104.4 403.2 100.3 417.8L64.9 545.6C62.6 553.9 64.9 562.9 71.1 569C77.3 575.1 86.2 577.5 94.5 575.2L222.3 539.7C236.9 535.6 250.2 527.9 261 517.1L476 301.9L338.1 164z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M416.9 85.2L372 130.1L509.9 268L554.8 223.1C568.4 209.6 576 191.2 576 172C576 152.8 568.4 134.4 554.8 120.9L519.1 85.2C505.6 71.6 487.2 64 468 64C448.8 64 430.4 71.6 416.9 85.2zM338.1 164L122.9 379.1C112.2 389.8 104.4 403.2 100.3 417.8L64.9 545.6C62.6 553.9 64.9 562.9 71.1 569C77.3 575.1 86.2 577.5 94.5 575.2L222.3 539.7C236.9 535.6 250.2 527.9 261 517.1L476 301.9L338.1 164z"/></svg>');
}
.ico--barcode {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 96C110.3 96 96 110.3 96 128L96 512C96 529.7 110.3 544 128 544C145.7 544 160 529.7 160 512L160 128C160 110.3 145.7 96 128 96zM216 96C202.7 96 192 106.7 192 120L192 520C192 533.3 202.7 544 216 544C229.3 544 240 533.3 240 520L240 120C240 106.7 229.3 96 216 96zM288 128L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128zM496 120L496 520C496 533.3 506.7 544 520 544C533.3 544 544 533.3 544 520L544 120C544 106.7 533.3 96 520 96C506.7 96 496 106.7 496 120zM400 120L400 520C400 533.3 410.7 544 424 544C437.3 544 448 533.3 448 520L448 120C448 106.7 437.3 96 424 96C410.7 96 400 106.7 400 120z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 96C110.3 96 96 110.3 96 128L96 512C96 529.7 110.3 544 128 544C145.7 544 160 529.7 160 512L160 128C160 110.3 145.7 96 128 96zM216 96C202.7 96 192 106.7 192 120L192 520C192 533.3 202.7 544 216 544C229.3 544 240 533.3 240 520L240 120C240 106.7 229.3 96 216 96zM288 128L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128zM496 120L496 520C496 533.3 506.7 544 520 544C533.3 544 544 533.3 544 520L544 120C544 106.7 533.3 96 520 96C506.7 96 496 106.7 496 120zM400 120L400 520C400 533.3 410.7 544 424 544C437.3 544 448 533.3 448 520L448 120C448 106.7 437.3 96 424 96C410.7 96 400 106.7 400 120z"/></svg>');
}
.ico--search {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
}
.ico--graph {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM216 288C229.3 288 240 298.7 240 312L240 424C240 437.3 229.3 448 216 448C202.7 448 192 437.3 192 424L192 312C192 298.7 202.7 288 216 288zM400 376C400 362.7 410.7 352 424 352C437.3 352 448 362.7 448 376L448 424C448 437.3 437.3 448 424 448C410.7 448 400 437.3 400 424L400 376zM320 192C333.3 192 344 202.7 344 216L344 424C344 437.3 333.3 448 320 448C306.7 448 296 437.3 296 424L296 216C296 202.7 306.7 192 320 192z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM216 288C229.3 288 240 298.7 240 312L240 424C240 437.3 229.3 448 216 448C202.7 448 192 437.3 192 424L192 312C192 298.7 202.7 288 216 288zM400 376C400 362.7 410.7 352 424 352C437.3 352 448 362.7 448 376L448 424C448 437.3 437.3 448 424 448C410.7 448 400 437.3 400 424L400 376zM320 192C333.3 192 344 202.7 344 216L344 424C344 437.3 333.3 448 320 448C306.7 448 296 437.3 296 424L296 216C296 202.7 306.7 192 320 192z"/></svg>');
}
.ico--calendar {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z"/></svg>'); 
}
.ico--publish {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M354.4 83.8C359.4 71.8 371.1 64 384 64L544 64C561.7 64 576 78.3 576 96L576 256C576 268.9 568.2 280.6 556.2 285.6C544.2 290.6 530.5 287.8 521.3 278.7L464 221.3L310.6 374.6C298.1 387.1 277.8 387.1 265.3 374.6C252.8 362.1 252.8 341.8 265.3 329.3L418.7 176L361.4 118.6C352.2 109.4 349.5 95.7 354.5 83.7zM64 240C64 195.8 99.8 160 144 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L144 224C135.2 224 128 231.2 128 240L128 496C128 504.8 135.2 512 144 512L400 512C408.8 512 416 504.8 416 496L416 416C416 398.3 430.3 384 448 384C465.7 384 480 398.3 480 416L480 496C480 540.2 444.2 576 400 576L144 576C99.8 576 64 540.2 64 496L64 240z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M354.4 83.8C359.4 71.8 371.1 64 384 64L544 64C561.7 64 576 78.3 576 96L576 256C576 268.9 568.2 280.6 556.2 285.6C544.2 290.6 530.5 287.8 521.3 278.7L464 221.3L310.6 374.6C298.1 387.1 277.8 387.1 265.3 374.6C252.8 362.1 252.8 341.8 265.3 329.3L418.7 176L361.4 118.6C352.2 109.4 349.5 95.7 354.5 83.7zM64 240C64 195.8 99.8 160 144 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L144 224C135.2 224 128 231.2 128 240L128 496C128 504.8 135.2 512 144 512L400 512C408.8 512 416 504.8 416 496L416 416C416 398.3 430.3 384 448 384C465.7 384 480 398.3 480 416L480 496C480 540.2 444.2 576 400 576L144 576C99.8 576 64 540.2 64 496L64 240z"/></svg>'); 
}
.ico--inventory {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M32 206.1L32 544C32 561.7 46.3 576 64 576C81.7 576 96 561.7 96 544L96 304C96 286.3 110.3 272 128 272L512 272C529.7 272 544 286.3 544 304L544 544C544 561.7 558.3 576 576 576C593.7 576 608 561.7 608 544L608 206.1C608 178.6 590.4 154.1 564.2 145.4L335.2 69.1C325.3 65.8 314.7 65.8 304.8 69.1L75.8 145.4C49.6 154.1 32 178.6 32 206.1zM496 320L144 320L144 384L496 384L496 320zM144 480L496 480L496 416L144 416L144 480zM496 512L144 512L144 576L496 576L496 512z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M32 206.1L32 544C32 561.7 46.3 576 64 576C81.7 576 96 561.7 96 544L96 304C96 286.3 110.3 272 128 272L512 272C529.7 272 544 286.3 544 304L544 544C544 561.7 558.3 576 576 576C593.7 576 608 561.7 608 544L608 206.1C608 178.6 590.4 154.1 564.2 145.4L335.2 69.1C325.3 65.8 314.7 65.8 304.8 69.1L75.8 145.4C49.6 154.1 32 178.6 32 206.1zM496 320L144 320L144 384L496 384L496 320zM144 480L496 480L496 416L144 416L144 480zM496 512L144 512L144 576L496 576L496 512z"/></svg>'); 
}
.ico--clipboard {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M439.4 96L448 96C483.3 96 512 124.7 512 160L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 160C128 124.7 156.7 96 192 96L200.6 96C211.6 76.9 232.3 64 256 64L384 64C407.7 64 428.4 76.9 439.4 96zM376 176C389.3 176 400 165.3 400 152C400 138.7 389.3 128 376 128L264 128C250.7 128 240 138.7 240 152C240 165.3 250.7 176 264 176L376 176zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320C192 337.7 206.3 352 224 352C241.7 352 256 337.7 256 320zM288 320C288 333.3 298.7 344 312 344L424 344C437.3 344 448 333.3 448 320C448 306.7 437.3 296 424 296L312 296C298.7 296 288 306.7 288 320zM288 448C288 461.3 298.7 472 312 472L424 472C437.3 472 448 461.3 448 448C448 434.7 437.3 424 424 424L312 424C298.7 424 288 434.7 288 448zM224 480C241.7 480 256 465.7 256 448C256 430.3 241.7 416 224 416C206.3 416 192 430.3 192 448C192 465.7 206.3 480 224 480z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M439.4 96L448 96C483.3 96 512 124.7 512 160L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 160C128 124.7 156.7 96 192 96L200.6 96C211.6 76.9 232.3 64 256 64L384 64C407.7 64 428.4 76.9 439.4 96zM376 176C389.3 176 400 165.3 400 152C400 138.7 389.3 128 376 128L264 128C250.7 128 240 138.7 240 152C240 165.3 250.7 176 264 176L376 176zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320C192 337.7 206.3 352 224 352C241.7 352 256 337.7 256 320zM288 320C288 333.3 298.7 344 312 344L424 344C437.3 344 448 333.3 448 320C448 306.7 437.3 296 424 296L312 296C298.7 296 288 306.7 288 320zM288 448C288 461.3 298.7 472 312 472L424 472C437.3 472 448 461.3 448 448C448 434.7 437.3 424 424 424L312 424C298.7 424 288 434.7 288 448zM224 480C241.7 480 256 465.7 256 448C256 430.3 241.7 416 224 416C206.3 416 192 430.3 192 448C192 465.7 206.3 480 224 480z"/></svg>'); 
}
.ico--tel {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"/></svg>');
}
.ico--question {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 240C302.3 240 288 254.3 288 272C288 285.3 277.3 296 264 296C250.7 296 240 285.3 240 272C240 227.8 275.8 192 320 192C364.2 192 400 227.8 400 272C400 319.2 364 339.2 344 346.5L344 350.3C344 363.6 333.3 374.3 320 374.3C306.7 374.3 296 363.6 296 350.3L296 342.2C296 321.7 310.8 307 326.1 302C332.5 299.9 339.3 296.5 344.3 291.7C348.6 287.5 352 281.7 352 272.1C352 254.4 337.7 240.1 320 240.1zM288 432C288 414.3 302.3 400 320 400C337.7 400 352 414.3 352 432C352 449.7 337.7 464 320 464C302.3 464 288 449.7 288 432z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 240C302.3 240 288 254.3 288 272C288 285.3 277.3 296 264 296C250.7 296 240 285.3 240 272C240 227.8 275.8 192 320 192C364.2 192 400 227.8 400 272C400 319.2 364 339.2 344 346.5L344 350.3C344 363.6 333.3 374.3 320 374.3C306.7 374.3 296 363.6 296 350.3L296 342.2C296 321.7 310.8 307 326.1 302C332.5 299.9 339.3 296.5 344.3 291.7C348.6 287.5 352 281.7 352 272.1C352 254.4 337.7 240.1 320 240.1zM288 432C288 414.3 302.3 400 320 400C337.7 400 352 414.3 352 432C352 449.7 337.7 464 320 464C302.3 464 288 449.7 288 432z"/></svg>');
}

/*--- icoTxt-01 ---*/
.icoTxt-01 {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}
.icoTxt-01--ico {
    display: inline-block;
    width: 1.25em;
    aspect-ratio: 1/1;
    background-color: #00ffcc;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    transition: all 0.3s ease;
}
.btn:not(#start-scan-btn) .icoTxt-01--ico {
    background-color: #10132b;
}

/*--- icoTxt-02 ---*/
.icoTxt-02 {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25em;
}
.icoTxt-02--ico {
    display: inline-block;
    width: 1.25em;
    aspect-ratio: 1/1;
    background-color: #00ffcc;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    transition: all 0.3s ease;
}


