@charset "utf-8";

/* Corporate Profile CSS */

/* outline */
.outline-heading {
  text-align: center;
  font-family: "Noto Sans Japanese-r";
  font-size: 1.25rem;
  margin-bottom: 2%;
}

.philosophies {
  border: 1px solid #454545;
  padding: 2% 3%;
  /* max-width: 90%; */
  margin: 0 auto;
}

.philosophies dt {
  text-align: center;
  font-family: "Noto Sans Japanese-md";
  font-size: 1.1rem;
  margin-bottom: 2%;
}

.philosophies dd {
  /* padding-left: .5rem; */
  margin-bottom: .6rem;
}

.messages {}

/* message */
.messages,
.messages * {
  box-sizing: border-box;
}

.message-box {
  margin-bottom: 8%;
}

.sentense {
  margin-bottom: 2%;
}

.post,
.post * {
  font-weight: bold;
}

.post {
  font-size: .85rem;
  text-align: right;
}

.full-name {
  font-size: 1.35rem;
  font-weight: bold;
  text-align: right;
}

.two-shot-large {
  display: none;
}

/* outline & history common */
.outline,
.history {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0px;
}

.outline th,
.outline td,
.history th,
.history td {
  padding: .3rem .5rem;
  word-wrap: break-word;
}

/* outline  */
.outline {
  table-layout: auto;
  width: 100%;
}

.outline:nth-of-type(0n+1) {
  margin-bottom: 5%;
}

.outline th,
.outline td {
  display: block;
  text-align: left;
  vertical-align: middle;

}

.outline th {
  background-color: #F1DFB7;
}

/* history */
.history tr:nth-last-of-type(2n) {
  background-color: #F1DFB7;
}

.history th {
  width: 15%;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

/* sales */
.sales>li:first-child {
  margin-bottom: 5%;
}

@media screen and (min-width: 768px) {

  .tables {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .table-box {
    flex-basis: 49%;
  }

  .outline:nth-of-type(0n+1) {
    margin-bottom: unset;
  }

  .outline tr {
    border-bottom: 1px dotted #aaa;
  }

  .outline th,
  .outline td {
    display: table-cell;
  }

  .outline th {
    border-bottom: 1px solid #fff;
  }

  .outline td {
    border-bottom: 1px solid #F1DFB7;
  }

  section p,
  .philosophies {
    text-align: justify;
  }

  .philosophies {
    max-width: 96%;
  }

  .messages {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .message-box {
    flex-basis: 50%;
    z-index: 99;
  }

  .message-box:nth-of-type(0n+1) {
    padding-right: 2%;
  }

  .message-box:nth-of-type(0n+2) {
    padding-left: 2%;
  }

  .post,
  .full-name {
    text-shadow:
      #fff 1px 1px 0,
      #fff -1px -1px 0,
      #fff -1px 1px 0,
      #fff 1px -1px 0,
      #fff 0px 1px 0,
      #fff 0 -1px 0,
      #fff -1px 0 0,
      #fff 1px 0 0;
  }

  .post {
    font-size: 1.1rem;
    text-align: left;
  }

  .full-name {
    font-size: 1.6rem;
    text-align: left;
  }

  .two-shot-small {
    display: none;
  }

  .two-shot-large {
    display: block;
    margin-top: -250px;
  }

  /* message */
  .chairman,
  .president {
    max-width: 261px;
    float: right;
    margin: 0 0 5px 2%;
  }


  .sales {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .sales>li:first-child {
    margin-bottom: unset;
  }

  .sales>li {
    flex-basis: 49%;
  }
}

/*
.outline {
  margin: 0 auto 4%;
}

.outline dt,
.outline dd {
  padding: .3rem;
  line-height: 1.4;
  font-size: 0.95rem;
}

.outline dt {
  background-color: #F1DFB7;
  align-content: stretch;
  font-family: "Noto Sans Japanese-r";
}

.outline dd {
  padding-left: 1rem;
  margin-bottom: .1rem;
} */
/* pc */
/* outline */

/* .outline {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 70%;
  }

  .outline dd {
    padding-left: 0;
  } */

/* history mobile */
/* .history {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.history dt,
.history dd {
  box-sizing: border-box;
  padding: .3rem;
  line-height: 1.4;
  font-size: 0.95rem;
} */

/*
.history dt {
  flex-basis: 30%;
} */



/* .history dt:nth-child(n+4), */
/* .history dt:nth-child(4n), */

/* .history dt:nth-child(2n+1) */
/* .history dt:nth-child(4n-2) */
/* .history dt:nth-child(4n) */

/* .history dt:first-child
.history dt:nth-child(2n-1),
.history dt:nth-child(2n) { */
/* {
  flex-basis: 15%;
  background-color: #F1DFB7;
} */

/* .history dt:nth-child(n+6),
.history dt:nth-child(n+7) {
  background-color: #fff;
} */

/* .history dd {
  flex-basis: 70%;
} */

/*
.history dd:nth-last-of-type(even) {
  background-color: #F1DFB7;
} */

/*
.history dt:nth-child(4n+1),
.history dd:nth-child(2),
.history dd:nth-child(6),
.history dd:nth-child(10),
.history dd:nth-child(14),
.history dd:nth-child(18),
.history dd:nth-child(22),
.history dd:nth-child(26),
.history dd:nth-child(30),
.history dd:nth-child(34),
.history dd:nth-child(38),
.history dd:nth-child(42),
.history dd:nth-child(46),
.history dd:nth-child(50),
.history dd:nth-child(54),
.history dd:nth-child(58),
.history dd:nth-child(62),
.history dd:nth-child(66),
.history dd:nth-child(70),
.history dd:nth-child(74),
.history dd:nth-child(78),
.history dd:nth-child(82),
.history dd:nth-child(86),
.history dd:nth-child(90),
.history dd:nth-child(94),
.history dd:nth-child(98),
.history dd:nth-child(102) {
  background-color: #F1DFB7;
} */
/* history mobile end */
/* history pc */
/* history */

/* .history {
    max-width: 800px;
    margin: 0 auto;
  }

  .history dt {
    flex-basis: 17%;
    text-align: right;
    padding-right: 3%;
  }

  .history dd {
    flex-basis: 80%;
  } */
/* history pc end */
