@charset "UTF-8";

/* 「～を開く」全体 */
.link {
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 2rem;
}

/* チェックボックスの文字 */
input + label > div > p {
    font-size: 1.5rem;
    max-width: calc(100% - 2rem);
}

input + label > div {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 「詳しくはこちら」 */
.detail-link {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
}

/* URL */
#anchor > span {
    color: #3478f6;
}

/* アイコン */
.icon-in-text {
    margin-right: 0.25rem;
}

/* aタグ */
a {
    color: var(--default-font)
}

/* チェックボックスのテキスト */
.checkbox-text {
    display: flex;
    justify-content: center;
}

/* 見出し */
.title {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media screen and (min-width: 551px) {
    .link {
        width: 70%;
    }
}

@media screen and (max-width: 550px) {
    .link {
        width: 90%;
    }
}