.support-header {
    color: white;
    font-size: 1.5em;
    font-weight: 900;
}

.sitemap {
    font-size: .8em;
}

.support-header {
    padding: 10%;
    background-image: url(../image/support-header.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
}

.mass {
    background-image: linear-gradient(transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray));
    background-repeat: repeat;
    background-size: 16px 16px;
}

.switch {
    display: flex;
    justify-content: center;
    align-items: center;
}

.now {
    background: var(--orange-color);
    color: white;
}

.else {
    background: rgb(241, 241, 241);
}

.mobile-title {
    border-left: 10px solid var(--orange-color);
    width: fit-content;
    margin: 5vh auto;
    padding: 10px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.212);
}

.number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1%;
    height: 8vh;
    width: 8vh !important;
    border-radius: 100px;
    background: var(--orange-color);
    color: white;
}

.plan2 {
    margin: 20px auto !important;
}

.number>small {
    font-size: .8em;
}

.profile-list {
    margin-top: 5%;
}

.profile-list>.content {
    padding-left: 8%;
}

.profile-list>img {
    padding-left: 8%;
}

.content {
    font-size: 1.2em;
    padding-top: 10px;
}

.iphone-p {
    display: none;
}

.android-p {
    display: none;
}

.show {
    display: block !important;
}



/* PC */
@media screen and (min-width:601px) {
    .arrow-img {
        transform: rotate(270deg);
    }

    .pro-img {
        width: 25%;
        object-fit: contain;
    }
}

@media screen and (max-width:600px) {
    .pc-column {
        flex-direction: column;
    }

    .pro-img-wrapper {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .pro-img {
        width: 60%;
        margin: 20px auto;
    }

    .arrow-img {
        width: 15%;
        margin: 10px auto;
    }
}