/* placeholder */
:placeholder-shown {
  color: #666666; }

::-webkit-input-placeholder {
  color: #666666; }

::-moz-placeholder {
  color: #666666;
  opacity: 1; }

:-ms-input-placeholder {
  color: #666666; }

/*========================================
  main
========================================*/
/* page title */
.page_title {
  background: url("../img/page_title_bg.jpg") no-repeat center center;
  background-size: cover; }

/*========================================
  officer
========================================*/
.company_officer .blockBody {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 30px; }
  .company_officer .blockBody .officer_box {
    width: 370px; }
    .company_officer .blockBody .officer_box h3 {
      margin-top: 1em;
      text-align: center;
      font-weight: normal;
      font-size: 3.4rem;
      color: #44D3C3; }
    .company_officer .blockBody .officer_box p {
      margin-top: 1em;
      line-height: 2;
      font-size: 2rem; }

@media screen and (max-width: 768px) {
  .company_officer .blockBody {
    display: block; }
    .company_officer .blockBody .officer_box {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: stretch;
      width: 100%; }
      .company_officer .blockBody .officer_box .officer_img {
        width: 185px; }
      .company_officer .blockBody .officer_box .officer_txt {
        flex: 1;
        margin-left: 20px; }
      .company_officer .blockBody .officer_box h3 {
        margin-top: 0;
        text-align: left;
        font-size: 2.4rem; }
      .company_officer .blockBody .officer_box p {
        font-size: 1.6rem; }
      .company_officer .blockBody .officer_box + .officer_box {
        margin-top: 60px; } }
@media screen and (max-width: 480px) {
  .company_officer .blockBody .officer_box {
    display: block; }
    .company_officer .blockBody .officer_box .officer_img {
      width: 100%;
      max-width: 280px; }
    .company_officer .blockBody .officer_box .officer_txt {
      margin: 20px 0 0; } }
/*========================================
  officer
========================================*/
.company_summary .blockBody {
  margin-top: 30px;
  padding: 60px;
  background-color: #FFF; }

.company_data th {
  width: 1%;
  padding: 0.5em 1em 0.5em 0;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  font-weight: normal; }
.company_data td {
  padding: 0.5em 1em; }

@media screen and (max-width: 480px) {
  .company_summary .blockBody {
    padding: 20px; } }