@charset "utf-8";

/*====================================
Company
=====================================*/
.company__list {
    padding: 0 var(--contentpadding);
    margin-top: 60px;
}

.company__item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-black); /* ブラックの1pxの線を追加 */
    padding-bottom: 18px; /* 線とテキストの間にスペースを追加 */
    margin-bottom: 18px; /* 他のリストアイテムとの間隔を追加 */
}

.company__topic {
    min-width: 100px; /* 左側のラベルに幅を固定 */
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
}

.company__txt {
    flex: 1;
    word-break: break-word; /* 長い単語でも折り返す */
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.75;
}

/* ごあいさつ */
.greeting {
    margin: 60px 0;
    padding: 0 var(--contentpadding);
}

.greeting__txt--group {
    position: relative;
    background-color: var(--color-whiteblue);
    margin-top: 240px;
    padding: 40px var(--contentpadding);
}

.greeting__txt--group::before {
    content: "";
    position: absolute;
    background-image: url(../images/greeting.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: -220px;
    right: -10px;
    width: 200px;
    height: 250px;
    z-index: 1;
}

.greeting__txt {
    margin-top: 20px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.75;
}

.greeting__txt:first-child {    
    margin-top: 0;
}



/* common pc */
@media screen and (min-width:769px) {
    .company__list {
        padding: 0 24%;
        margin-top: 120px;
    }

    .company__item {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .company__topic {
        min-width: 200px;
        font-size: 1.8rem;
    }

    .company__txt {
        margin-left: 0;
        font-size: 1.8rem;
    }

    /* ごあいさつ */
    .greeting {
        margin-top: 120px;
        padding: 0 var(--contentpadding__PC);
        overflow: hidden;
    }

    .greeting__txt--group {
        display: flex;
        flex-direction: column;      /* 複数段落を縦に並べる */
        justify-content: center;     /* 垂直方向の中央揃え */
        margin: 120px 0;
        height: 400px;
        width: 740px;
    }

    .greeting__txt--group::before {
        top: -80px;
        right: -260px;
        width: 300px;
        height: 375px;
    }
}