.zero-step {
    margin-bottom: 48px;
}

    .zero-step > h2 {
        font-size: 46px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .zero-step > h3 {
        font-size: 23px;
        margin-bottom: 12px;
        font-weight: bold;
    }

    .zero-step > ul,
    .zero-step > ol {
        margin-bottom: 32px;
    }

    .zero-step > ul {
        list-style: circle;
        padding-left: 1.5rem;
    }

    .zero-step > ol {
        list-style: decimal;
        padding-left: 1.5rem;
    }

    .zero-step li {
        font-size: 16px;
        margin-bottom: 8px;
    }

.annotation {
    font-size: 12.5px;
}

.entry-sns-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin: 45px 0;
}

.sns-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 15px;
    gap: 5px;
    background-color: var(--main-bg-color);
    border: solid 1px #333;
}

    .sns-block svg {
        width: 60px;
        height: 60px;
        opacity: 0.8;
    }

.twitter-color {
    /*fill: #1DA1F2;*/
    fill: #fff;
}

.instagram-color {
    fill: white;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; /*グラデーション①*/
    overflow: hidden;
    border-radius: 13px;
}

.youtube-color {
    fill: #DA1725;
}


.sns-block span {
    font-size: 16px;
    font-weight: bold;
}

.first-step {
    text-align: center;
}

@media (max-width: 768px) {
    .zero-step > h2 {
        font-size: 28px;
    }

    .zero-step > h3 {
        font-size: 18px;
    }

    .zero-step li {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .annotation {
        font-size: 10.5px;
    }

    .entry-sns-list {
        flex-direction: column;
    }
}

details summary {
    list-style: none;
}

    details summary::-webkit-details-marker {
        display: none;
    }

details summary {
    cursor: pointer;
}

.accordion-header {
    font-size: 24px;
    font-weight: bold;
}

.date-select-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

    .date-select-block select {
        text-align: right;
        flex: 1;
    }

.url {
    cursor: pointer;
    text-decoration: underline;
}

    .url:link {
        color: #6495ED;
    }

    .url:visited {
        color: #BA55D3;
    }