@charset "utf-8";

/*----------------------------------------
    /company/
----------------------------------------*/
#article .information_title {
  background: url(/jp/information/company/img/bg-title_main.gif) repeat-x left bottom;
}
#article .information_title h2 {
  background: url(/jp/information/company/img/img-title_main.jpg) no-repeat center;
  background-size: cover;
}
#article .sub_title {
  font-size: 3.2rem;
  text-align: center;
  letter-spacing: 3px;
}

/*  .company_policy
----------------------------------------*/
.company_policy {
  padding: 70px 0 80px 0;
  background-color: #f5f5f5;
}
.company_policy .sub_title {
  margin-bottom: 50px;
}
.company_policy .policy ul {
  display: flex;
  justify-content: space-between;
}
.company_policy .policy ul li {
  width: 359px;
  background-color: #fff;
  padding: 54px 40px 40px 40px;
}
.company_policy .policy ul li:nth-child(2) {
  margin: 0 2px;
}
.company_policy .policy ul li .policy_icon {
  text-align: center;
  margin-bottom: 40px;
}
.company_policy .policy ul li p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1;
}

/*  .company_idea
----------------------------------------*/
.company_idea {
  background: url(/jp/information/company/img/bg-idea.jpg) no-repeat center center;
  background-size: cover;
  padding: 170px 0 150px 0;
  text-align: center;
  color: #fff;
}
.company_idea .sub_title {
  margin-bottom: 30px;
}
.company_idea p {
  line-height: 2.2;
  font-size: 1.6rem;
}

/*  .company_love
----------------------------------------*/
.company_love {
  background-color: #fafafa;
  padding: 73px 0 50px 0;
}
.company_love .sub_title {
  margin-bottom: 45px;
}
.company_love img {
  width: 100%;
  height: auto;
}

/*  .company_summary
----------------------------------------*/
.company_summary {
  padding: 75px 0 60px 0;
}
.company_summary .inner {
  max-width: 840px;
}
.company_summary .sub_title {
  margin-bottom: 50px;
}
.company_summary table {
  border-top: 1px solid #eeeeee;
  width: 100%;
  font-size: 1.6rem;
}
.company_summary table tr {
  border-bottom: 1px solid #eeeeee;
}
.company_summary table th {
  width: 135px;
  font-weight: 500;
}
.company_summary table th,
.company_summary table td {
  padding: 29px 0 25px 0;
  vertical-align: top;
}
.company_summary table .director_list li {
  display: flex;
}
.company_summary table .director_list li:not(:last-child) {
  margin-bottom: 3px;
}
.company_summary table .director_list li .name span {
	display: inline-block;
	width: 72px;
}
.company_summary table .director_list li .post {
  width: 65px;
  flex: 0 0 65px;
}

@media screen and (max-width: 979px){
.company_policy ul li .policy_icon {
  margin-bottom: 20px;
}
.company_policy ul li {
  padding: 30px 20px;
}
}