@charset "UTF-8";
/* CSS Document */
/*---------------header----------------*/
#company.company_message nav#mainmenu ul.dropmenu li.companymenu ul li:nth-child(2) a {
  background-image: url(/img/nav_pointer-blue.png);
}

/*---------------wrapper----------------*/
section h3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}

.president {
  display: table;
  margin-bottom: 30px;
}

.president p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #DCDCDC;
  width: 100%;
  font-size: 18px;
}

.president img {
  display: table-cell;
}

article {
  margin-bottom: 30px;
}

article h4 {
  border-bottom: 1px solid #BA0001;
}

article h4 span {
  color: #ba0001;
  font-size: 20px;
}

.message-area .sign {
  margin-top: 40px;
  text-align: right;
}

/*---------------sidenav----------------*/
#company .sidenav ul li:nth-child(2) a {
  background-image: url(/img/nav_pointer-red.png);
  background-repeat: no-repeat;
  pointer-events: none;
}

/*===============================================
●smart.css  画面の横幅が960px以下
===============================================*/
@media screen and (max-width: 960px) {
  /*---------------wrapper----------------*/
  #company.company_message nav#mainmenu ul.dropmenu li.companymenu ul li:nth-child(2) a {
    background-image: none;
    color: #767676;
  }
}
/*===============================================
●smart.css  画面の横幅が1150px以下
===============================================*/
@media screen and (max-width: 1150px) {
  /*---------------wrapper----------------*/
  .president img {
    width: 100%;
  }
  .president p {
    width: 40%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.6em;
  }
}
/*===============================================
●style.css 画面の横幅が641px以下
===============================================*/
@media screen and (max-width: 640px) {
  .message-area {
    margin-bottom: 80px;
  }
}/*# sourceMappingURL=company_message.css.map */