@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      message.css

----------------------------------------------------------- */

.col02 > ul > li:nth-child(1){
background:url(../img/message/mes_bg.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
width: 40%;
}
.col02 > ul > li:nth-child(2){
width: 60%;
box-sizing: border-box;
padding: 40px 80px;
/*padding: 80px;*/
line-height: 2.0em;
text-align: left;
border-left: 1px solid #eee;
}


.mes_txt{
background: #9a7d54;
color: #fff;
padding: 50px 0;
}

.mes_txt .col_tit::after{
border-bottom: 1px solid #fff;
}

@media screen and (max-width: 800px){
.col02 > ul > li:nth-child(1){
background-size: cover;
background-position: center 25%;
width: 100%;
padding: 50% 0 0 0;
}
.col02 > ul > li:nth-child(2){
width: 100%;
padding: 40px;
border-left: none;
}

}

@media screen and (max-width: 480px){

}