.roboticsKv {
  margin-bottom: 100px;
  box-sizing: border-box; }
  .roboticsKv * {
    box-sizing: border-box; }
  .roboticsKv__img img {
    width: 100%; }
  .roboticsKv__img--sp {
    display: none; }
  .roboticsKv__inner {
    padding: calc(11 / 1400 * 100vw) 0 0;
    position: relative; }
  .roboticsKv__logo {
    width: calc(593 / 1400 * 100vw); }

.robotics-heading .heading-type1__title {
  text-align: left; }
.robotics-heading .heading-type1__lead {
  text-align: left; }

.roboticsMain-heading {
  margin-bottom: 100px; }

.roboticsBorder-heading {
  background: linear-gradient(to right, #f47300 0%, #3a81c4 47.78%, #459b4b 100%) no-repeat left bottom;
  background-size: 100% .25em;
  font-size: 1.75rem;
  padding: 0 0 .5em;
  box-sizing: border-box; }
  .roboticsBorder-heading * {
    box-sizing: border-box; }
  .roboticsBorder-heading .dispBlock {
    display: block; }

.roboticsElement-heading {
  display: flex;
  align-items: center;
  margin: 0 0 50px;
  box-sizing: border-box; }
  .roboticsElement-heading * {
    box-sizing: border-box; }
  .roboticsElement-heading__txtbox {
    margin: 0 0 0 30px; }
  .roboticsElement-heading__icon {
    flex-shrink: 0;
    width: 31.517%;
    padding: 0 0 0 calc(50 / 1120 * 100%); }
    .roboticsElement-heading__icon img {
      width: 100%;
      max-width: 229px; }
  .roboticsElement-heading__title {
    display: flex;
    line-height: 1.2;
    margin-bottom: 25px; }
  .roboticsElement-heading__num {
    font-size: 4.625rem;
    margin: 0 .15em 0 0;
    line-height: 1; }
  .roboticsElement-heading__txt {
    font-size: 2.1875rem;
    font-weight: bold;
    letter-spacing: .2em;
    margin-top: auto; }
    .roboticsElement-heading__txt--s {
      font-size: 1.375rem;
      letter-spacing: .1em; }

.roboticsColor01 {
  color: #f47300; }

.roboticsColor02 {
  color: #459b4b; }

.roboticsColor03 {
  color: #3a81c4; }

.roboticsElement-moreBox {
  margin-top: -20px; }
  .roboticsElement-moreBox .contentsMore__main {
    margin-top: -40px; }

.robotics-video {
  margin-bottom: 0; }
  .robotics-video .l-contentsBox__inner {
    padding-top: 45px;
    padding-bottom: 50px; }

.robotics-contentsPagetop .contentsPagetop {
  margin-top: 2em; }

@media only screen and (max-width: 767px) {
  .roboticsKv {
    margin-bottom: 50px; }
    .roboticsKv__img {
      display: none; }
    .roboticsKv__img--sp {
      display: block;
      padding: calc(30 / 375 * 100vw) 0 0; }
      .roboticsKv__img--sp img {
        width: 100%; }

  .robotics-heading .heading-type1__title {
    font-size: 1.5rem;
    text-align: center; }
  .robotics-heading .heading-type1__lead {
    font-size: 0.9375rem;
    text-align: center; }

  .roboticsElement__img img {
    width: 100%;
    max-width: 337px; }

  .roboticsMain-heading {
    margin-bottom: 50px; }

  .roboticsBorder-heading {
    background: transparent;
    font-size: 1.5rem;
    padding: 0; }
    .roboticsBorder-heading .dispBlock {
      margin-top: .2em; }
    .roboticsBorder-heading .spBdr {
      display: table;
      margin: 0 auto;
      padding: 0 .4em;
      background: linear-gradient(to right, #f47300 0%, #3a81c4 47.78%, #459b4b 100%) no-repeat left bottom;
      background-size: 100% .15em; }
      .roboticsBorder-heading .spBdr + .spBdr {
        margin-top: .2em; }

  .robotics-contentsBox {
    margin-bottom: calc(50 / 375 * 100vw); }

  .roboticsElement-heading {
    display: block;
    margin: 0 0 25px; }
    .roboticsElement-heading__txtbox {
      margin: 0 0 0 0; }
    .roboticsElement-heading__icon {
      width: calc(157 / 375 * 100vw);
      max-width: 157px;
      padding: 0;
      margin: 0 auto 16px; }
      .roboticsElement-heading__icon img {
        width: 100%; }
    .roboticsElement-heading__title {
      display: flex;
      margin-bottom: 15px; }
    .roboticsElement-heading__num {
      font-size: 4.125rem;
      margin: 0 .1em 0 0; }
    .roboticsElement-heading__txt {
      font-size: 1.875rem; }
      .roboticsElement-heading__txt--s {
        font-size: 1rem;
        letter-spacing: .1em; }
    .roboticsElement-heading .heading-type2__title {
      font-size: 1rem;
      text-align: center; }

  .roboticsColor02 .roboticsElement-heading__txt,
  .roboticsColor03 .roboticsElement-heading__txt {
    font-size: 1.5625rem;
    letter-spacing: .05em; }

  .roboticsElement-moreBox {
    margin-top: -3.5vw; }
    .roboticsElement-moreBox .contentsMore__main {
      margin-top: -3.5vw; } }
@media only screen and (max-width: 320px) {
  .roboticsBorder-heading {
    font-size: 1.375rem; }

  .roboticsElement-heading__num {
    font-size: 3.375rem; }
  .roboticsElement-heading__txt {
    font-size: 1.5rem; }
    .roboticsElement-heading__txt--s {
      font-size: 0.875rem; }

  .roboticsColor02 .roboticsElement-heading__txt {
    font-size: 1.375rem; } }