@charset "utf-8";

body {
    color: var(--font-black);
}
/*========= VISUAL ===============*/
.visual {
  background: url(../images/companyvisual.webp) center / cover;
}

/*****  VISUAL SP *****/
@media screen and (max-width: 768px){
    .visual {
        background: url(../images/companyvisual_sp.webp) center / cover;
    }
} /* SP 768px */
/*========= CONTENTS ===============*/
/*========= PHILOSOPHY ===============*/
#philosophy .title {
    font-size: clamp(1.6rem, 1.66vw, 2.4rem);
}

#philosophy {
    background: url(../images/philosophybg.webp) center / cover;
}

.philosophy__contents {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
}

.philosophy__contents img {
    align-self: flex-start;
    width: 45%;
}

.philosophy__label {
    color: var(--main-color);
    font-size: clamp(1.8rem, 1.94vw, 2.8rem);
}

.philosophy__text {
    font-size: clamp(1.4rem, 1.38vw, 2rem);
}

.noneBr {
    display: none;
}

/*****  PHILOSOPHY SP *****/
@media screen and (max-width: 768px){
    #philosophy {
        background: url(../images/philosophybg_sp.webp) center / cover;
    }
} /* SP 768px */

/*========= HISTORY ===============*/
#history {
    background: url(../images/historybg.webp) center / cover;
    padding: 10% 7% 0;
}

#history .title {
    top: 3%;
    left: auto;
    right: 25%;
}

#history .titlename {
    top: 2%;
    left: auto;
    right: 0;
}

/*****  HISTORY SP *****/
@media screen and (max-width: 768px){
    #history {
        background: url(../images/historybg_sp.webp) center / cover;
    }
} /* SP 768px */

/*========= COMPANY ===============*/
.company__contents {
    font-family: 'Noto Sans JP', 'Roboto', sans-serif;
    font-size: 1.6rem;
}

.company__contents {
    width: 70%;
    margin: clamp(3rem, 4.17vw, 6rem) auto 0;
}

.company__item {
    display: flex;
    border-bottom: 1px solid rgba(var(--font-black-rgb), 0.3);
    padding: 3em 0;
}

.company__item:last-child {
    border-bottom: none;
}

.company__label {
    flex: 0 0 16em;
    font-size: clamp(1.4rem, 1.38vw, 2rem);
    line-height: 1.8;
}

.company__text {
    font-size: clamp(1.4rem, 1.38vw, 2rem);
    line-height: 1.8;
}

.company__text span {
    color: var(--main-color);
    font-size: clamp(1.6rem, 1.66vw, 2.4rem);
    padding-left: 1rem;
}

.company__text span:nth-of-type(1) {
    padding-left: 0;
}

/*****  COMPANY SP *****/
@media screen and (max-width: 768px) {
    .company__item {
        flex-direction: column;
        padding: 2em 0;
    }
    
    .company__label {
        flex: none;
        margin-bottom: 0.5em;
    }
} /* COMPANY SP 768px */

@media screen and (max-width: 480px) {
    .company__contents {
        width: 90%;
    }
} /* COMPANY SP 480px */


/*========= COMPANY SP 480px以下 ===============*/
@media screen and (max-width: 480px){

    /* PHILOSOPHY SP */
    .philosophy__contents {
        flex-direction: column;
        gap: 2rem;
    }

    .philosophy__contents img {
        width: 100%;
    }

    /* HISTORY SP */
    #history .title {
        right: auto;
        left: 0;
    }

    #history .titlename {
        right: auto;
        left: 0;
    }

} /* SP 480px */