@charset "UTF-8";
/*私たちについて*/
.message{width: 95%;margin: 80px auto 0 auto;}
.message h4::after {margin-bottom: 60px;}
.message__wrap{
display: flex;
justify-content:center;
width: 95%;
max-width: 1112px;
margin: 0 auto;
gap: 30px;
}
.message__wrap--left{width:530px;}
.message__wrap--right{width: auto;padding-top:10px;}
.message__wrap--right-name h6{font-size: 14px;letter-spacing: 0.3em;font-weight: 500;}
.message__wrap--right p{line-height: 1.7em;font-size: 18px;}
.message__wrap--right-name{
width: fit-content;
margin-left: auto;
margin-right: 0;
text-align: end;
margin-top: 50px;
font-size: 14px;
}
.message__wrap--right .message__wrap--right-name p{font-size: 40px;display: flex;font-weight: 500;}
.message__wrap--right-name span{
font-size: 14px;
margin-right: 10px;
letter-spacing: 0.3em;
font-weight: 600;
}

.company-rofile,.history{margin: 100px auto;}
.history{position: relative;}
.history img {position: absolute;right: 7%;bottom: -10%;}
iframe{width: 100%;height: 250px;margin-top: 50px;}

@media only screen and (max-width: 1100px) {
    .history img {
    position: inherit;
    display: block;
    margin-left: auto;
    margin-right: 0;
    }
    .history {margin-bottom: 0;}
}

@media only screen and (max-width: 960px) {
    .message__wrap--right-name p{font-size: 28px;display: flex;font-weight: 500;}
    tbody th, tbody td {padding: 10px;display: block;}
    .message__wrap--left img{width: 100%;}
    .message__wrap{flex-direction: column;width: fit-content;}
}

@media only screen and (max-width: 480px) {
    .history img {max-height: 120px;}
    .message__wrap--right-name h6 {letter-spacing: 0em;}
    .message__wrap--right{width: 95%;margin: 0 auto;}
}