@charset "UTF-8";

.page_key {
    background-image: url(../img/greeting/key_img.webp);
}

.page_sec {
    padding-bottom: 10rem;
}

.page_sec .img_1 {
    margin-bottom: 10rem;
    border-radius: 5px;
}

.page_sec .gr_lead {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 4rem;
}

.page_sec .gr_text_1 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4em;
}

.page_sec .gr_text_1+.gr_text_1 {
    margin-top: 2.4em;
}

.page_sec .gr_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6rem;
    row-gap: 5rem;
    margin-top: 9rem;
}

.page_sec .img_2 {
    width: calc(55% - 3rem);
    border-radius: 5px;
}

.page_sec .gr_textside {
    width: calc(45% - 3rem);
}

.page_sec .gr_text_2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4em;
}

.page_sec .gr_text_2+.gr_text_2 {
    margin-top: 2.4em;
}

.page_sec .gr_name {
    text-align: right;
    font-weight: 700;
    font-size: 2.5rem;
    margin-top: 3.6rem;
}

.page_sec .gr_name .small {
    font-size: 1.8rem;
    display: inline-block;
}

@media (max-width: 767px) {
    .page_sec .img_1 {
        margin-bottom: 6rem;
    }

    .page_sec .gr_lead {
        font-size: 2.4rem;
    }

    .page_sec .gr_text_1 {
        font-size: 1.6rem;
        text-align: left;
    }

    .page_sec .img_2 {
        width: 100%;
    }

    .page_sec .gr_textside {
        width: 100%;
    }

    .page_sec .gr_text_2 {
        font-size: 1.6rem;
    }

    .page_sec .gr_name {
        font-size: 2.2rem;
    }

    .page_sec .gr_name .small {
        font-size: 1.6rem;
    }
}