@charset "UTF-8";


.care-guide__column {
    width: 100%;
    padding: 1.8rem 1.2rem;
    margin-top: 2rem;
    border: 2px var(--subcolor) solid;
    border-radius: 0.6rem;
}
.care-guide__column-caption {
    padding-bottom: 1rem;
    border-bottom: 1px #ddd solid;
    font-size: 4vw;
    font-weight: 700;
    color: var(--subcolor);
}
.care-guide__column-text {
    padding-top: 0.5rem;
    font-size: var(--baseFontSizeSP);
}
.more-link {
    max-width: 12rem;
    margin-top: 2rem;
}
@media (min-width: 768px) {
    .care-guide__column {
        width: 48%;
        padding: 32px 40px;
        margin-top: 40px;
        border-radius: 10px;
    }
    .care-guide__column:nth-child(2n) {
        margin-left: 4%;
    }
    .care-guide__column-caption {
        padding-bottom: 20px;
        font-size: 19px;
    }
    .care-guide__column-text {
        padding-top: 12px;
        font-size: 16px;
    }
    .more-link {
        max-width: 220px;
        margin-top: 20px;
    }
}



.lead__text {
    padding-top: 1rem;
}
.lead__image {
    padding: 1.5rem 0 1rem 0;
}
@media (min-width: 768px) {
    .lead .title-group {
        margin-bottom: 30px;
    }
    .care-guide .title-group {
        margin-bottom: 12px;
    }
    .lead__text-group {
        width: 530px;
    }
    .lead__image {
        width: 500px;
        padding: 0;
    }
    .lead__text {
        padding-top: 12px;
    }
    .lead .separation {
        margin-bottom: 62px;
    }
}

.care-guide .title-group {
    margin-bottom: 0;
}
.care-guide__text {
    padding-top: 1rem;
}
.care-guide__list {
    padding-top: 1rem;
    margin-left: 1.5rem;
}
.care-guide .separation {
    margin-top: 2rem;
}
@media (min-width: 768px) {
    .care-guide .title-group {
        margin-bottom: 12px;
    }
    .care-guide__inner .base-caption:first-child {
        padding-top: 30px;
    }
    .care-guide__list {
        padding-top: 12px;
        margin-left: 24px;
    }
    .care-guide__text {
        padding-top: 12px;
    }
    .care-guide .separation {
        margin-top: 55px;
        margin-bottom: 62px;
    }
}


.historyback {
    max-width: 12rem;
    margin-top: 3rem;
}
@media (min-width: 768px) {
    .historyback {
        max-width: 220px;
        margin-top: 70px;
    }
}