/* スマホ（幅 < 768px）用 */
@media (max-width: 768px) {
    html body { font-size: 0.875rem; }
    body h1 { font-size: 1.8rem; }
    body h2 { font-size: 1.5rem; }
    body h3 { font-size: 1.25rem;}
    body h4 { font-size: 1.1rem;}
    body h5 { font-size: 1rem;}
    body h6 { font-size: 0.9rem;}
}

body {
    //background-color: transparent;
    background-color: #293F5C;
    margin: 0;
}
.input-text {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    opacity: 1.0 !important;
    font-size: 12px !important;
}
.input-text::placeholder {
    opacity: 0.8 !important;
    color: white !important;
    font-size: 12px !important;
}

.submit-btn {
    width: 60%;
    max-width: 200px;
    height: auto;
    border-radius: 100vmax !important;
    background: linear-gradient(90deg,rgba(2, 225, 205, 1) 0%, rgba(172, 185, 250, 1) 50%, rgba(202, 114, 255, 1) 100%);
    border: none !important;
    color: black;
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    color: white !important;
}

.submit-btn:active {
    color: white !important;
    scale: 96%;
}

/* お知らせカテゴリ */
.announce-category {
    font-size: 12px;
    background-color: #dfdfdfff;
    color: #000000ff;

    padding: 5px 10px 5px 10px;
    margin: 0 0;
    border: none;
    border-radius: 50vmax;
}

.announce-category-maintenance {
    background-color: #254d6c;
    color: #FFFFFF;
}

.announce-category-campaign {
    background-color: #00fddb;
    color: #000000;
}

.announce-category-new {
    background-color: #CCFF00;
    color: #000000;
}

.announce-category-update {
    background-color: #A778FF;
    color: #FFFFFF;
}

.announce-category-birthday {
    background-color: #CCFF00;
    color: #000000;
}