@charset "UTF-8";

/* page */
.page-width{
    position: relative;
    min-width: 320px;
}
.page-background::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to right,
        #6cacff 0%,
        #6cacff calc(50% - 256px),
        #ffffff calc(50% - 96px),
        #ffffff calc(50% + 96px),
        #6cacff calc(50% + 256px),
        #6cacff 100%
    );
}

/* header */
.header-title{
    display: grid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
}
.header-title img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

/* body */
.skibank-profile{
    display: grid;
    margin-left: auto;
    margin-right: auto;
}
.skibank-profile img{
    margin-left: auto;
    margin-right: auto;
}
.gunma-icon{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: -32px;
}
.shinkumi-logo{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}
.shinkumi-logo ul{
    display: flex;
    justify-content: center;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    gap: 16px;
}
.shinkumi-logo ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}
.shinkumi-link{
    margin-bottom: 32px;
}
.shinkumi-link table{
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    border-collapse: collapse;
    border: 3px double #000000;
    width: 312px;
}
.shinkumi-link table tr{
    height: 40px;
}
.shinkumi-link table th{
    text-align: left;
    border: 1px solid #000000;
    width: 64%;
}
.shinkumi-link table td{
    text-align: center;
    border: 1px solid #000000;
    width: 36%;
}
.shinkumi-link table td a{
    font-size: 14px;
}

/* footer */
.footer-common{
    background: #fff1cd;
    padding-top: 12px;
    padding-bottom: 12px;
}
.footer-copyright{
    border-top: 1px solid #000000;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* ▼ 512px以下画面対応 ▼ */
@media (max-width: 512px) {
    /* page */
    .page-background::before{
        background: linear-gradient(
            to right,
            #6cacff 0%,
            #6cacff 1%,
            #ffffff 30%,
            #ffffff 70%,
            #6cacff 99%,
            #6cacff 100%
        );
    }

    /* header */
    .header-title{
        margin-top: 32px;
    }
    .header-title img{
        margin-bottom: 16px;
        max-width: 50%;
        height: auto;
    }

    /* body */
    .skibank-profile img{
        max-width: 98%;
        height: auto;
    }
    .gunma-icon{
        margin-bottom: -6%;
    }
    .gunma-icon img{
        max-width: 31%;
        height: auto;
    }
    .shinkumi-logo ul{
        width: 60%;
        gap: 3vw;
    }
    .shinkumi-logo ul li img{
        width: 100%;
    }
    .shinkumi-link table{
        width: 65%;
    }
    .shinkumi-link table tr{
        height: 8vw;
    }
    .shinkumi-link table th{
        width: 60%;
    }
    .shinkumi-link table th img{
        width: 95%;
        height: auto;
    }
    .shinkumi-link table td{
        width: 35%;
    }
    .shinkumi-link table td a{
        font-size: 3vw;
    }
}
/* ▲ 512px以下画面対応 ▲ */