@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*=======================================
  clampの計算
=======================================*/
/*-------------------------
- business（事業内容）
- business_list
-------------------------*/
/*=======================================
　business（事業内容）
=======================================*/
.business_page {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .business_page .page_head {
    padding-top: 20px;
  }
}

.business_sec {
  padding: 115px 0 120px;
}
@media screen and (max-width: 768px) {
  .business_sec {
    padding: 50px 0;
  }
  .business_sec .inner {
    width: 89.6%;
  }
}

/*=======================================
　business_list（事業一覧）
=======================================*/
.business_list ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  padding: 50px 0 120px;
  border-top: 1px solid #E3E3E6;
}
@media screen and (max-width: 768px) {
  .business_list ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    padding: 30px 0 52px;
  }
}
.business_list ul li:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .business_list ul li:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .business_list ul li:nth-child(4) .cmn_btn01:first-child a, .business_list ul li:nth-child(7) .cmn_btn01:first-child a {
    padding: 7px 5px;
  }
}
.business_list ul li::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 43px;
  height: 1px;
  background: var(--main_red);
}
.business_list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40%;
  max-width: 517px;
  min-width: 0;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .business_list__body {
    display: block;
    width: 100%;
    max-width: none;
    padding-top: 30px;
  }
}
.business_list__body .cmn_txt01 {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-size: 16px;
  line-height: 1.625;
}
.business_list__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48.9%;
  max-width: 626px;
  overflow: hidden;
  border-radius: 5px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .business_list__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    max-width: none;
  }
}
.business_list__img img {
  width: 100%;
  aspect-ratio: 1252/600;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.business_list__ttl {
  font-weight: 500;
  font-size: 26px;
  line-height: 1;
  color: var(--main_black);
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .business_list__ttl {
    font-size: 23px;
    line-height: 1.1304347826;
    margin-bottom: 18px;
  }
}
.business_list__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-top: auto;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  .business_list__btns {
    gap: 10px;
    margin-top: 20px;
    padding-top: 0;
  }
}
.business_list__btns .cmn_btn01 {
  width: 100%;
  max-width: 408px;
  height: 40px;
}
.business_list__btns .cmn_btn01 a {
  padding: 0 20px;
}
.business_list__btns .cmn_btn01--multiline a span {
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .business_list__btns .cmn_btn01 {
    height: auto;
  }
  .business_list__btns .cmn_btn01 a {
    min-height: 40px;
    padding: 7px 20px;
  }
}