@charset "utf-8";

/*========= VISUAL ===============*/
.visual {
    background: url(../images/consultingvisual.webp) center / cover;
}

.visual__topic .topic,
.visual__topic .TextTyping {
    color: var(--font-white);
}

.topic {
    color: var(--main-blue);
}

/*****  VISUAL SP *****/
@media screen and (max-width: 768px){
    .visual {
    background: url(../images/consultingvisual_sp.webp) center / cover;
    }

} /* VISUAL SP 768px */

/*========= CONCEPT ===============*/
#concept .ruby,
#vision02 .ruby {
    line-height: 3;
}

.concept__contents {
    display: flex;
    align-items: start;
    gap: 3em;
}

#concept .title {
    max-width: initial;
}

.conceptImg {
    display: inline-block;
    margin: 2em 0 0;
}

.concept__topic {
    width: 55%;
}

.concept__txt {
    margin-top: 0;
    font-size: 2.4rem;
    color: var(--main-blue);
}

/***** CONCEPT SP *****/
@media screen and (max-width: 1200px){
    .concept__topic {
        width: 50%;
    }

    .concept__txt {
        font-size: 2rem;
    }
    
    .concept__topic p {
        font-size: 1.4rem;
    }

} /* CONCEPT SP 1200px */

@media screen and (max-width: 1024px){
    .concept__contents {
        gap: 2em;
    }

    .concept__topic {
        width: 60%;
    }
} /* CONCEPT SP 1024px */

@media screen and (max-width: 768px){
    .section--concept {
        padding: 0 12%;
    }

    .concept__contents {
        display: block;
    }

    .concept__topic {
        width: 100%;
        margin: 0 auto;
    }

    .concept__txt {
        margin-top: 2em;
    }
} /* CONCEPT SP 768px */

@media screen and (max-width: 480px){
    .section--concept {
        padding: 0 7%;
    }

    .concept__txt {
        font-size: 1.6rem;
    }

    .concept__topic p {
        font-size: 1.3rem;
    }
} /* CONCEPT SP 480px */

/*========= CATEGORY ===============*/
.section--category {
    width: 100vw;
    padding: 10% 7% 7%;
    position: relative;
    background: url(../images/consulting-bg.webp) center center / cover no-repeat;
    background-color: #222;
    min-height: 600px;
}

.category__contents {
    position: relative;
    z-index: 10;
}

.section--category .title {
    max-width: 302px;
}

#category .topic {
    color: var(--accent);
}

#category .bgLRextend::before {
    background-color: var(--accent);
}

.ruby--color {
    color: var(--font-white);
}

.category__topic {
    margin-top: 4em;
    color: var(--font-white);
}

.category__txt {
    color: var(--accent);
    font-size: 2.8rem;
    font-weight: 700;
}

/*****  CATEGORY SP *****/
@media screen and (max-width: 768px){
    .section--category {
        min-height: 400px;
        padding: 10% 7%;
    }

    .section--category .title {
        margin: 0;
        max-width: 184px;
    }

    .category__txt,
    .ft32 {
        font-size: 2rem;
    }
    
} /* CATEGORY SP 768px */

@media screen and (max-width: 480px){
    .section--category .title {
        margin: 0 auto;
    }

    .category__topic {
        margin-top: 2em;
    }

    .category__txt,
    .ft32 {
        font-size: 1.8rem;
    }
    
} /* CATEGORY SP 480px */

/*========= CATEGORY02 ===============*/
#category02 {
    margin-top: 0;
} 

.category02__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5rem;
    gap: 5em;
}

.category02__txt {
    margin-top: 1em;
    font-size: 2rem;
    line-height: 1.5;
}

.category02__txt .bgLRextend::before {
    background-color: var(--accent);
}

.category02__title {
    line-height: 2;
}

.category02__img {
    width: 344px;
    height: 344px;
    background: #fff;
    border: 0.5px solid var(--font-black);
    box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.1);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.category02__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.category02__item:nth-child(1) .category02__img::before {
    background: url('../images/img21.webp') center / cover;
}

.category02__item:nth-child(2) .category02__img::before {
    background: url('../images/img24.webp') center / cover;
}

.category02__item:nth-child(3) .category02__img::before {
    background: url('../images/img23.webp') center / cover;
}

.category02__item:nth-child(4) .category02__img::before {
    background: url('../images/img17.webp') center / cover;
}

.category02__item:nth-child(5) .category02__img::before {
    background: url('../images/img25.webp') center / cover;
}

.category02__item:nth-child(6) .category02__img::before {
    background: url('../images/img26.webp') center / cover;
}

.category02__item:nth-child(7) .category02__img::before {
    background: url('../images/img18.webp') center / cover;
}

.category02__title {
    color: var(--accent);
}

.category02__contents p {
    width: 344px;
}

/*****  CATEGORY02 SP *****/
@media screen and (max-width: 900px){
    .category02__img {
        width: 280px;
        height: 280px;
    }

    .category02__list {
        gap: 3em;
    }

    .category02__contents p {
        width: 280px;
    }

    .pcBr {
        display: none;
    }
} /* CATEGORY02 SP 900px */

@media screen and (max-width: 768px){
    .category02__txt {
        font-size: 1.6rem;
    }

    .ft14 {
        font-size: 1.2rem;
    }
} /* CATEGORY02 SP 768px */