@charset "UTF-8";

/* =================================== */
/*               会社情報               */
/* =================================== */
/* .company_main */
@media screen and (min-width: 767px) {
  .company_main {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .company_main {
    margin-bottom: 60px;
  }
}


/* company_massage */
.company_massage {
  background: #1c1c1c;
}

.company_massage .section-title__en,
.company_massage .section-title::before,
.company_massage .section-main-title,
.company_massage_ttl,
.company_massage_txt,
.company__rep-title,
.company__rep-name {
  color: #fff;
}

.company_massage .section-title::before {
  background-color: #fff;
}

.company_massage .service__title-area.lower {
  margin-left: 0;
  margin-top: 0;
}

.company_massage_box {
  display: flex;
  flex-direction: column;
  max-width: 730px;
}

.company_massage_ttl {
  margin-bottom: 20px;
  line-height: 1.5;
}

.company_massage_txt {
  line-height: 2;
}

.company__rep {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 30px;
  margin-top: 35px;
}

.company__rep-title {
  font-size: 13px;
  line-height: 2;
}

.company__rep-name {
  font-weight: bold;
  line-height: 2;
  font-size: clamp(18px, 1.8vw, 22px);
}
.link {
  color: #A20F19;
  text-decoration: underline;
}
a:hover{
  color: #000000;
}


@media screen and (min-width: 767px) {
  .company_massage {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .company_massage .service__title-area.lower {
    margin-left: 100px;
  }

  .company_massage_box {
    margin-right: 100px;
  }

  .company_massage {
    display: flex;
  }

  .company_massage_box {
    margin-top: calc(80px + 30px + 15px);
  }

  .company_massage_ttl {
    font-size: 28px;
  }

}

@media screen and (max-width: 768px) {
  .company_massage {
    padding: 40px 20px;
  }

  .company_massage_box {
    margin-top: 40px;
  }
}

/* 会社概要 */

/* .company_info .tbl01 tr.company-info-directors th,
.company_info .tbl01 tr.company-info-directors td {
  padding-top: 22px;
  padding-bottom: 24px;
} */

.company-info-directors-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.company-info-directors-item {
  display: flex;
  column-gap: 24px;
  row-gap: 2px;
  align-items: flex-start;
}

.company-info-directors-role {
  min-width: 160px;
  /* font-weight: 600; */
}

.company-info-directors-name {
  flex: 1;
}

@media screen and (min-width: 767px) {
  .company_info_wrap {
    display: flex;
    justify-content: space-between;
  }
  .tbl01 {
    margin-bottom: 100px;
    width: 60%;
  }

  .tbl01 tr th {
    width: 260px;
  }
}

@media (max-width: 1200px) and (min-width: 769px) {
  .company_info_wrap {
    display: block;
  }

  .tbl01 {
    margin-bottom: 100px;
    width: 100%;
  }

  .company_info_img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .company_info {
    margin-top: 60px;
  }

  .tbl01 {
    margin-bottom: 60px;
  }

  .tbl01 tr th {
    min-width: 100px;
    padding-right: 15px;

  }
  .company_info_img {
    display: none;
  }
}

@media screen and (max-width: 520px) {
  .company_info tbody,
  .company_info tr,
  .company_info th,
  .company_info td {
    display: block;
    width: 100%;
  }

  .company_info tr {
    padding: 20px 0px 0px 0px;
  }

  .company_info th {
    padding: 0 0 8px;
    font-weight: 600;
    border-bottom: none;
  }

  .company_info td {
    padding: 0;
    border-bottom: none;
  }



  .company_info tr:last-child td {
    border-bottom: none;
  }
}