@charset "UTF-8";
p {
  color: #414B50; }

.sec02 {
  margin-bottom: 4em; }
  @media print, screen and (min-width: 768px) {
    .sec02 .creed-contents {
      -js-display: flex;
      display: -webkit-flex;
      display: flex; }
      .sec02 .creed-contents .thumb {
        width: 45%;
        padding: 0 2vw; }
      .sec02 .creed-contents .body {
        width: 55%;
        padding: 0 2vw;
        margin-top: 1vw; } }
  @media screen and (max-width: 767px) {
    .sec02 .creed-contents .thumb {
      display: block;
      text-align: center; }
      .sec02 .creed-contents .thumb img {
        width: 60%;
        margin: 0 auto; } }
  .sec02 .creed-contents .body .item {
    font-size: 18px;
    font-size: 1.8rem; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec02 .creed-contents .body .item {
        font-size: 2.25px;
        font-size: 1.44rem; } }
    .sec02 .creed-contents .body .item span {
      color: #003291;
      font-weight: bold; }

/*==========================================

ヒューマン・エンジニアリング

==============================================*/
.sec01-1 {
  padding: 2em 0; }
  .sec01-1 p strong {
    color: #C11920; }

.sec02-1 {
  padding: 2em 0; }

.sec03-1 {
  padding: 2em 0; }
  .sec03-1 .name span {
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec03-1 .name span {
        font-size: 2.5px;
        font-size: 1.6rem; } }
  .sec03-1 ul.shikaku-list {
    padding-left: 0; }
    .sec03-1 ul.shikaku-list li {
      margin-bottom: 1em; }
      .sec03-1 ul.shikaku-list li .blue {
        color: #003291; }
      .sec03-1 ul.shikaku-list li strong {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold; }
        @media screen and (min-width: 480px) and (max-width: 1200px) {
          .sec03-1 ul.shikaku-list li strong {
            font-size: 3px;
            font-size: 1.92rem; } }
  .sec03-1 dl.shikaku-list dt {
    background: #EFEFEF;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 1em; }
  .sec03-1 dl.shikaku-list dd {
    padding: 1em 0; }
    .sec03-1 dl.shikaku-list dd ul {
      margin: 0; }
    @media print, screen and (min-width: 768px) {
      .sec03-1 dl.shikaku-list dd ul {
        -js-display: flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .sec03-1 dl.shikaku-list dd ul li {
          width: 33.3333%;
          padding: 0 1em; } }

.bg-pail {
  margin: 2em 0 0; }
  .bg-pail p {
    margin-top: 0; }
  .bg-pail h3 {
    line-height: 2;
    color: #003291; }

.horizon dt {
  font-weight: bold;
  padding: 5px 0; }
@media print, screen and (min-width: 768px) {
  .horizon dt {
    width: 6em;
    padding: 3px 5px;
    border-right: 1px solid #003291;
    float: left;
    clear: left; }
  .horizon dd {
    padding: 3px 5px 1em 6.5em; } }

.sec01-2 {
  padding: 2em 0; }
  .sec01-2 .h3-box {
    padding: 2em 0;
    text-align: center; }
    .sec01-2 .h3-box::after {
      content: "";
      display: block;
      clear: both; }
    .sec01-2 .h3-box h3 {
      display: inline-block;
      padding: 0.5em 2em;
      border: 1px solid #000; }
  .sec01-2 .three-box h4 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec01-2 .three-box h4 {
        font-size: 2.5px;
        font-size: 1.6rem; } }
  .sec01-2 .bg-pail {
    padding-bottom: 0; }

.sec02-2 {
  padding: 2em 0 4em; }
  .sec02-2 .img {
    margin: 0 auto;
    text-align: center; }
    @media print, screen and (min-width: 768px) {
      .sec02-2 .img {
        width: 95%; } }
    .sec02-2 .img .drawing {
      width: 60%;
      margin: 0 auto; }