/*!
 * company.css
 */

 /* company */
 .company .inside-link {
   width: 440px;
   margin: 150px auto 0;
 }
 .company .inside-link ul {
   display: flex;
   justify-content: space-between;
 }
 .company .inside-link li {
   width: 140px;
   border: 1px solid #0d2937;
   margin-right: 20px;
   text-align: center;
 }
 .company .inside-link li:last-child {
  margin-right: 0;
 }
 .company .inside-link li a {
   width: 100%;
   padding: 8px 0;
   display: block;
   color: #0d2937;
 }
 .company .inside-link li a i {
   margin-right: 10px;
 }
 .company section h2 {
   padding-bottom: 10px;
   font-size: 2.2rem;
   color: #fff;
 }
 .company table {
  width: 100%;
  margin-top: 75px;
}
.company table tr {
  border-top: 1px solid #0d2937;
  border-bottom: 1px solid #0d2937;
}
.company table td {
  padding: 30px 0;
}
.company table td:first-child {
  width: 30%;
  text-align: center;
  background-color: #eeeeee;
}
.company table td:last-child {
  padding-left: 40px;
}
.company table td ul + ul {
  margin-top: 20px;
}
.company section .small-content {
   width: 750px;
   margin: -115px auto 0;
   padding-top: 100px;
   background-color: #fff;
 }
.company section h3 {
  margin-bottom: 70px;
  font-size: 2.2rem;
 }
.company .greeding > div:first-child {
   height: 550px;
   background: url("../images/company/bg_greeding_img.jpg") no-repeat;
   display: flex;
   justify-content: center;
   align-items: center;
 }
.company .greeding .message-content p + p {
  margin-top: 50px;
}
.company .greeding .message-content p strong {
  margin-left: 30px;
  font-size: 2rem;
  color: #0d2937;
}
.company .philosophy > div:first-child {
  height: 550px;
  background: url("../images/company/bg_philosophy_img.jpg") no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company .philosophy .slogan-content {
  margin-top: 150px;
}
.company .philosophy .slogan-content h3 + p {
  font-weight: 600;
  font-size: 1.6rem;
}
.company .philosophy .slogan-content h3 + p:before {
  width: 50px;
}
.company .philosophy .slogan-content h4 {
  margin-top: 40px;
}
.company .philosophy .slogan-content table {
  width: 100%;
}
.company .company-info > div:first-child {
  height: 550px;
  background: url("../images/company/bg_company_img.jpg") no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company .access h2 {
  color: #0d2937;
}
.company .access .map {
  margin: 70px 0 200px;
}
@media screen and (max-width:1024px) {
  .company section .small-content {
    width: auto;
    margin: 0 auto;
  }
} 
@media screen and (max-width: 768px) {
  .company .inside-link {
    display: none;
  }
  .company section h2 {
    padding-top: 50px;
  }
  .company section > div:first-child {
    height: auto!important;
    background-size: 100%!important;
  }
  .company section .small-content,
  .company .inside-link {
    width: 100%;
  }
  .company section .small-content {
    margin: 0 auto;
  }
  .company .greeding .message-content ul li:last-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 468px) {
  .company section h2 {
    padding-top: 20px;
  }
}