@charset "utf-8";
/*==========================
About us
==========================*/
@media screen and (min-width:769px) {
    .mainVisual__img {
        display: block;
        width: 100%;
        margin-inline: auto;
    }
}

.section--about {
    padding:  50px 5%;
}

.about__img {
    display:none;
}

.about__txt {
    margin-top: 25px;
    font-family: Noto Sans JP;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.08em;
}

/* about us pc */
@media screen and (min-width:769px) {
    .about__img {
        display: block;
        width: 45%; 
        height: auto;
    }

    .about__container {
        margin-top: 80px;
        display: flex;
        max-width: 1280px;
        align-items: center;
        gap: 7.5%;
        margin-inline: auto;
    }

    .about__box {
        width: 40%;
        height: auto;
    }

    .about__txt {
        color: var(--primary-black);
        text-align: center;

        font-family: Noto Sans JP;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0.08em;
    }
}
/* pc 769px */

/*==========================
service
==========================*/
.section--service {
    padding:  50px 5%;
}

.service__item {
    display: block;
}

.service__title {
    margin-top: 50px;
    color: var(--primary-darkGreen, #1B3022);
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.08em;
}

.service__img {
    margin-top: 38px;
    width: 100%;
    height: auto;
}

.service__txt {
    margin-top: 38px;
    color: var(--primary-black);
    font-family: Noto Sans JP;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.08em;
}

/* service pc */
@media screen and (min-width:769px) {
    .service__list {
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .service__item {
        display: grid;
        grid-template-columns: 45% 48%;
        justify-content: space-between;
        align-items: center;
        row-gap: 38px;
        margin-top: 120px;
    }
    
    .service__title {
        grid-column: 1; 
        grid-row: 1; 
        text-align: center;
        font-size: 3.2rem;
        margin-top: 0;
    }
    
    .service__block {
        grid-column: 1; 
        grid-row: 2; 
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .service__box {
        display: flex;
        max-width: 1280px;
        align-items: center;
        gap: 7.5%;
    }
    .service__img {
        grid-column: 2;
        grid-row: 1 / 3;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .service__txt {
        width: 365px;
        margin-top: 0;
        font-size: 1.8rem;
        align-items: center;
        text-align: center;
        line-height: 1.8;
        letter-spacing: 0.08em;
    }

    .service__block .service__txt {
        width: 100%;
        margin-top: 0;
        font-size: 1.8rem;
        line-height: 1.8;
    }

    .service__item--reverse {
        grid-template-columns: 48% 45%;
    }

    .service__item--reverse .service__title,
    .service__item--reverse .service__block {
        grid-column: 2;
    }

    .service__item--reverse .service__img {
        grid-column: 1;
    }

}
/* pc 769px */

/*==========================
bgImg
==========================*/
.bgImg {
    padding: 50px 0 0;
}

/* pc */
.bgImg {
    display: block;
    width: 100%;
    margin-inline: auto;
}