@charset "utf-8";
.cont_img h1 {
  background-image: url(../images/page_title.png);
}
#message {
}
#message .name {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
#message .img01 {
  margin: 0 0 40px 0;
}
#message .text {
  margin: 0 0 0 0;
  padding: 0 20px;
  overflow: hidden;
}
#message .name {
  width: 175px;
  padding-top: 20px;
  height: 0;
  overflow: hidden;
  background: url("../images/name.png") no-repeat left top;
  background-size: 100%;
  float: right;
}


#company{
  background-color: #eeeeee;
  background-image: url("../images/com_info/01.png");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top right;
  margin-top: 80px;
  padding-bottom: 60px;
}
#banner {
    background: #FFF;
}


@media only screen and (max-width: 768px) {
.cont_img h1 {
  background-image: url(../images/page_title_sp.png);
}
#message {
}
#message .img01 {
  width: 100%;
  padding-top: 34%;
  height: 0;
  overflow: hidden;
  background: url(../images/01_sp.jpg) no-repeat left top;
  background-size: 100%;
  margin-bottom: 20px;
}
#message .name {
  font-size: 16px;
}
#message .text {
  padding: 0 0;
}
#message .name {
  width: 150px;
  padding-top: 17px;
  background-image: url("../images/name_sp.png");
}

#company{
  background-size: 74%;
  background-position: top right;
  margin-top: 40px;
  padding-bottom: 40px;
}
#company .inner{
  overflow: visible;
}

}