@charset "UTF-8";
/*
  エスコの物流
-----------------------------------------------*/
.service-05 {}

/* タイトル画像の配置を上書き */
/*.l-head_img img {
  object-position: left center;
}*/

/*----------------
  sec-01
*/
.sec-01 {
  padding: 60px 0;
}
/* 2拠点体制 */
.lc_inner01 {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px 5%;
  margin: 60px auto;
}
.lc_inner01 ._pic {
  background-color: var(--c-main-green);
  padding: 30px 10px;
}

/* 見出し */
.lc_inner01 ._hedding-01 {
  font-size: clamp( 1.25rem, calc( 1.02rem + 0.96vw ), 1.75rem );/* 20px - 28px */
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 1em;
  font-feature-settings: "palt";
}

/* 直送 */
.lc_inner02 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 40px calc(100% * (60 / 1100));
  margin: 60px auto;
  padding: 30px
}

/* 見出し */
.lc_inner02 ._hedding-01 {
  font-size: clamp( 1.125rem, calc( 0.95rem + 0.72vw ), 1.5rem );/* 18px - 24px */
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 1em;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) {
  .sec-01 {
    padding: 100px 0 40px;
  }
  .lc_inner01 {
    flex-direction: row;
    margin: 80px auto;
  }
  .lc_inner01 ._pic {
    width: 55%;
    padding: 30px 10px;
  }
  .lc_inner01 ._main {
    width: 40%;
  }
  .lc_inner02 {
    flex-direction: row;
    margin: 80px auto;
    padding: 50px
  }
  .lc_inner02 ._pic {
    width: calc(100% * (450 / 1100));
    min-width: 380px;
  }
  .lc_inner02 ._main {
    /*width: calc(100% * (590 / 1100));*/
    flex: 1;
  }
}


/*----------------
  sec-02
*/
.sec-02 {
  background-color: var(--c-main-green);
  color: #fff;
  padding: 60px 0 0;
}

/* 見出し */
.sec-02 ._hedding-02 {
  font-size: clamp( 1.125rem, calc( 0.95rem + 0.72vw ), 1.5rem );/* 18px - 24px */
  margin: 80px 0 1em;
}
/*注釈*/
.sec-02 ._hedding-02__note {
  font-size: calc(13rem / 16);
  display: block;
  margin-top: 1em;
}

.lc_sideFix__wrap {
  border-top: 1px solid rgba(255,255,255,0.2);
  display: flex;
  flex-direction: column;
  gap: 40px calc(100% * (60 / 1200));
  position: relative;
  margin-top: 40px;
  padding: 40px 0;
}
/* 左のタイトルラッパー */
.lc_sideFix__wrap ._side {}

/* 右の2カラムラッパー */
.lc_sideFix__wrap ._main__wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 60px calc(100% * (50 / 1200));
}
/* 左の固定タイトル */
.lc_sideFix__wrap ._side ._hedding-03 {
  font-size: clamp( 1.25rem, calc( 1.07rem + 0.72vw ), 1.625rem );/* 20px - 26px */
  font-weight: 600;
  margin-bottom: 40px;
}
.lc_sideFix__wrap ._side ._hedding-03 ._head-num {
  font-size: calc(16rem / 16);
  display: block;
}
/* 写真 */
._main__wrap .lc_2col__box ._box__pic {
  margin-bottom: 30px;
}
/* 説明文 */
._main__wrap .lc_2col__box ._box__main ._hedding-04 {
  font-size: clamp( 1rem, calc( 0.88rem + 0.48vw ), 1.25rem );/* 16px - 20px */
  font-weight: 600;
  margin-bottom: 1em;
}
@media (min-width: 480px) {
  .lc_sideFix__wrap ._main__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .sec-02 {
    padding: 100px 0 40px;
  }
  .sec-02 ._hedding-02__note {
    font-size: calc(14rem / 16);
  }
  .lc_sideFix__wrap {
    flex-direction: row;
    margin-top: 60px;
    padding: 60px 0;
  }
  /* 左のタイトルラッパー */
  .lc_sideFix__wrap ._side {
    width: calc(100% * (350 / 1200));
  }
  /* 左のタイトル固定ラッパー */
  .lc_sideFix__wrap ._side ._fix-item {
    position: sticky;
    top: 120px;
  }
  .lc_sideFix__wrap ._hedding-03 ._head-num {
    font-size: calc(20rem / 16);
  }
  .lc_sideFix__wrap ._main__wrap {
    width: calc(100% * (790 / 1200));
  }
  .lc_sideFix__wrap ._side ._hedding-03 ._head-num {
    font-size: calc(20rem / 16);
  }
  /* 物流センターの右側の1列分 */
  ._main__wrap .lc_2col__box {
    /*width: calc(100% * (370 / 790));*/
  }
}


/*----------------
  sec-03 アフターサポート
*/
.sec-03 {
  padding: 60px 0 0;
}
.support__wrap {
  background-color: var(--c-main-dark-green);
  border-radius: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 80px 0;
}
.support__wrap ._pic {
  margin: auto 0 0;
}
/* 修理センターイメージ */
.support__wrap ._pic img {
  object-fit: cover;
  height: 100%;
}
.support__wrap ._main {
  padding: 40px calc(100% * (60 / 1200));
  flex: 1;
}
.support__wrap ._main .support-ttl {
  font-size: clamp( 1.25rem, calc( 1.13rem + 0.48vw ), 1.5rem );/* 20px - 24px */
  margin-bottom: 20px;
}
.repair-center__ttl {
  font-size: clamp( 1rem, calc( 0.94rem + 0.24vw ), 1.125rem );/* 16px - 18px */
  margin: 1.5em 0 1em;
}
.repair-center__info {}
.support__wrap ._main .bt {
  margin: 20px 0 0;
}

@media (min-width: 768px) {
  .sec-03 {
    padding: 100px 0 40px;
  }
  .support__wrap ._pic img {
    height: 440px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .support__wrap {
    flex-direction: row;
  }
  .support__wrap ._pic {
    width: calc(100% * (520 / 1200));
    margin: 0 0 0 auto;
  }
  .support__wrap ._pic img {
    height: 100%;
    width: auto;
  }
}