@charset "UTF-8";
/*=======================================================
LOWER_MV
=======================================================*/
/* ヘッダー下タイトル */
.bl_lower_mv {
  padding-top: 44px;
}
.bl_lower_mv_ttl {
  padding-right: 14px;
}
.bl_lower_mv_ttl span {
  padding-top: 8px;
}
.bl_lower_mv_ttl span::after {
  bottom: 4px;
}
.bl_lower_mv_ttl::before, .bl_lower_mv_ttl::after {
  content: "";
}
.bl_lower_mv_ttl::before {
  background: url(../images/company/icon_company01.svg) top center/contain no-repeat;
  width: 72px;
  height: 72px;
  margin-right: 64px;
}
.bl_lower_mv_ttl::after {
  background: url(../images/company/icon_company02.svg) top center/contain no-repeat;
  width: 58px;
  height: 72px;
  margin-left: 64px;
}

@media screen and (max-width: 750px) {
  .bl_lower_mv {
    padding-top: 50px;
  }
  .bl_lower_mv_ttl span {
    padding-top: 1px;
  }
  .bl_lower_mv_ttl span::after {
    bottom: 1px;
  }
  .bl_lower_mv_ttl::before {
    width: 80px;
    height: 80px;
    margin-right: 48px;
  }
  .bl_lower_mv_ttl::after {
    width: 66px;
    height: 80px;
    margin-left: 48px;
  }
}
/*=======================================================
COMPANY
=======================================================*/
.bl_company .ly_cont_inner {
  padding: 32px 0 64px;
}
.bl_company_item {
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
}
.bl_company_item:not(:first-of-type) {
  padding-top: 16px;
}
.bl_company_def {
  width: 945px;
  margin: 0 auto 40px;
}
.bl_company_dttl {
  flex: 0 1 230px;
  color: #0181C0;
  font-weight: 700;
}
.bl_company_ddata {
  flex: 1;
}
.bl_company_ddata p:nth-of-type(2) {
  margin-top: 25px;
}
.bl_company_ddata .el_date{
  text-align: right;
  margin-top: 8px;
}
.bl_company_ddata a {
  display: block;
  color: #0000FF;
  text-decoration: underline;
}
.bl_company_ddata a:nth-of-type(2) {
  margin: 4px 0;
}
.bl_company .bl_imgList {
  display: flex;
  gap: 32px;
}

@media screen and (max-width: 750px) {
  .bl_company_def {
    width: 100%;
  }
  .bl_company_ddata p:nth-of-type(2) {
    margin-top: 42px;
  }
  .bl_company_ddata a:nth-of-type(2) {
    margin: 8px 0;
  }
  .bl_company_ddata .el_date{
    margin-top: 16px;
  }
  .bl_company .bl_imgList {
    flex-wrap: wrap;
    gap: 40px;
  }
  .bl_company_item {
    padding-bottom: 24px;
  }
  .bl_company_item:not(:first-of-type) {
    padding-top: 24px;
  }
  .bl_company_dttl {
    flex: 0 1 200px;
  }
}
/*=======================================================
HISTORY
=======================================================*/
.bl_history {
  background: #F1F5F9;
}
.bl_history .ly_cont_inner {
  padding: 64px 0 102px;
}
.bl_history .el_sec_aboutTtl {
  background: #0181C0;
  margin-bottom: 23px;
}
.bl_history_def > div {
  width: 100%;
  display: flex;
}
.bl_history_def > div:first-of-type > dd {
  position: relative;
}
.bl_history_def > div:first-of-type > dd::before {
  position: absolute;
  content: "";
  top: 7px;
  left: -28px;
  background: url(../images/company/history_arrow.png) top center/cover no-repeat;
  width: 16px;
  height: 274px;
}
.bl_history_def > div:first-of-type, .bl_history_def > div:nth-of-type(2) {
  line-height: 1.471;
}
.bl_history_def > div:nth-of-type(3), .bl_history_def > div:nth-of-type(4) {
  line-height: 1.589;
}
.bl_history_def > div:not(:last-of-type) {
  margin-bottom: 32px;
}
.bl_history_def > div:nth-of-type(2) {
  margin-bottom: 35px;
}
.bl_history_def > div > dt {
  width: 335px;
  font-weight: 700;
}
.bl_history_def > div > dd {
  flex: 1;
}
.bl_history_def > div > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 750px) {
  .bl_history .el_sec_aboutTtl {
    margin-bottom: 40px;
  }
  .bl_history_def {
    padding-left: 40px;
  }
  .bl_history_def > div {
    flex-wrap: wrap;
  }
  .bl_history_def > div:first-of-type > dd::before {
    background: url(../images/company/history_arrow_sp.svg) top center/contain no-repeat;
    width: 26px;
    height: 488px;
    top: -14px;
    left: -40px;
  }
  .bl_history_def > div:first-of-type, .bl_history_def > div:nth-of-type(2) {
    line-height: 1.5715;
  }
  .bl_history_def > div:nth-of-type(2) dt {
    line-height: 1.286;
  }
  .bl_history_def > div:nth-of-type(3), .bl_history_def > div:nth-of-type(4) {
    line-height: 1.5715;
  }
  .bl_history_def > div:nth-of-type(2) {
    margin-bottom: 32px;
  }
  .bl_history_def > div > dt {
    width: 100%;
  }
  .bl_history_def > div > div {
    gap: 0;
  }
}