.entxt{
    font-family: var(--font-family-lato);
}   


/*====================
メッセージ
====================*/

.message{
    background-image: url('../img/topSectionBg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.message__content{
    margin: 80px auto;
    max-width: 960px;
    line-height: var(--line-height-lg);
}

.message__content-txt{
    margin-bottom: 24px;
    word-break: auto-phrase;
}

.message__content-txt.message__author{
    text-align: right;
}

.message__content-txt:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .message__content-txt{
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .message__content{
        margin: 40px auto;
    }

}



/*====================
トラスタンスの名前の由来
====================*/

.origin{
    background-color: var(--color-green-main);
    background-image: var(--background-noise);
}

.origin__content{
    display: flex;
    gap: 40px;
}

.origin__content-desc{
    margin-top: 40px;
    line-height: var(--line-height-lg);
    color: var(--color-white);
    word-break: auto-phrase;
}

.origin__content-img{
    width: 320px;

    flex-shrink: 0;
}

.origin__content-img img{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 992px) {
    .origin__content-img{
        width: 280px;
    }
}

@media screen and (max-width: 768px) {
    .origin__content{
        flex-direction: column;
    }

    .origin__content-img{
        width: 240px;
        margin: 0 auto;
    }

}

/*====================
運営者情報
====================*/

.info{
    background-color: var(--color-gold-10);
}

.info__table{
    margin-top: 80px;
}

.info__table-en{
    font-family: var(--font-family-lato);
}

.info__table table{
    width: 100%;
    border-collapse: collapse;
}

.info__table th,
.info__table td{
    padding: 24px;
    height: 64px;
    border: 1px solid var(--color-black-20);
}

.info__table th{
    width: 20%;
    background-color: var(--color-green-main);
    color: var(--color-white);
    font-weight: var(--font-weight-bold);
}

.info__table td{
    font-weight: var(--font-weight-medium);
    background-color: var(--color-white);
    line-height: var(--line-height-sm);
}

@media screen and (max-width: 768px) {
    .info__table{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .info__table table{
        min-width: 600px;
    }

 
}