@charset "UTF-8";
/* CSS Document */

/*---------------------------/company/message/-----*/
section {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}

.messageInr {
display: flex;
justify-content: space-between;
}

.msImg {
width: 42%;
}

.msInfo {
width: 55%;
}
.msCatch {
font-size: 28px;
font-size: 2.8rem;
font-weight: 400;
margin-bottom: 30px;
}
.msInfo .txt {
margin-bottom: 20px;
}

.name {
font-size: 24px;
font-size: 2.4rem;
text-align: right;
}

.name span {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
margin-right: 10px;
}
/* for pc resize
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
.msCatch {
font-size: 24px;
font-size: 2.4rem;
}
}

/* for SP
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
.messageInr {
display: block;
}
.msImg {
width: 100%;
margin-bottom: 20px;
}
.msInfo {
width: 100%;
}
.msCatch {
font-size: 22px;
font-size: 2.2rem;
}

.name {
font-size: 20px;
font-size: 2.0rem;
}

}


@media only screen and (max-width: 480px) {
.msCatch {
font-size: 18px;
font-size: 1.8rem;
}
.name {
font-size: 18px;
font-size: 1.8rem;
}

}