@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ビジュアル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#visual {
  background: #f3f3f3;
}

/* ****************************************************************************************************
   * AGV・ウインチのリースサービス
**************************************************************************************************** */

div#lease .photo {
  text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ビジュアル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#lease div.visual {
  letter-spacing: -0.4em;
}

div#lease div.visual > * {
  letter-spacing: normal;
}

@media (max-width:736px) {
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 現場の最適化、初期コストを抑えてスタート
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#lease div.lead {}

div#lease div.lead .photo {}
div#lease div.lead .images {
  text-align: center;
  padding-top: 30px;
}

div#lease div.lead .description {
  padding-top: 40px;
}
div#lease div.lead .description p {
  text-align: center;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  div#lease div.lead .images img {
    width: 241px;
  }
}


/* ****************************************************************************************************
   * 横並びレイアウト
**************************************************************************************************** */

div#lease div.contents {
  letter-spacing: -0.4em;
}

div#lease div.contents > * {
  letter-spacing: normal;
}

div#lease div.contents div.content {
  max-width: 520px;
  width: 100%;
  vertical-align: top;
  display: inline-block;
}

div#lease div.contents div.photo {
  max-width: 400px;
  width: 100%;
  vertical-align: top;
  display: inline-block;
  text-align: center;
}

@media (max-width:736px) {
  div#lease div.contents div.photo {
    display: block;
    margin: 0 auto 20px;
  }
  div#lease div.contents > div.content {
    max-width: 100% !important;
    display: block;
    margin-left: 0 !important;
  }
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リース契約は 「リコーリース株式会社」が提供
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#lease div.contract {}
div#lease div.contract a {
  color: #df1e50;
}
div#lease div.contract .title-3 {
  font-size: 18px;
  font-weight: bold;
}

div#lease div.contract div.photo {
  padding-left: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  div#lease div.contract div.photo {
    padding-left: 0;
  }
  div#lease div.contract .catch {
    text-align: center;
  }
  div#lease div.contract .catch img {
    width: 99px;
  }
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * こんな現場におすすめ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#lease div.site {
  margin-top: 50px;
}

div#lease div.site div.content {
  padding-left: 40px;
  padding-top: 30px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  div#lease div.site div.content {
    padding-left: 0;
    padding-top: 0;
  }
  div#lease div.site .catch {
    text-align: center;
  }
  div#lease div.site .catch img {
    width: 199px;
  }
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * お問い合わせ・導入相談
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#lease div.info {
  margin-top: 50px;
}

div#lease div.info p {
  text-align: center;
}


div#lease div.info .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  text-align: center;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  div#lease div.info p {
    text-align: left;
  }
  div#lease div.info .flex {
    display: block;
    justify-content: center;
    align-items: center;
    column-gap: 0;
  }
  div#lease div.info .flex > * ~ * {
    margin-top: 2em;
  }
}