/* ------------------------------------- */
/* lower-mv
/* ------------------------------------- */
.lower-mv .lower-mv-bg {
  background: url(/img/about/main.jpg) no-repeat center center/cover;
}

@media screen and (max-width: 600px) {
  .lower-mv .lower-mv-bg {
    background: url(/img/about/main_sp.jpg) no-repeat center center/cover;
  }
}

/* ------------------------------------- */
/* commitment
/* ------------------------------------- */
.commitment-list {
  max-width: 1100px;
  margin: 90px auto 0;
}
.commitment-item {
  display: flex;
}
.commitment-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.commitment-item:nth-child(2n) .commitment-info {
  margin-left: -25px;
}
.commitment-item:nth-child(2n+1) .commitment-info {
  margin-right: -25px;
}
.commitment-item:not(:first-child) {
  margin-top: 90px;
}
.commitment-item figure {
  max-width: 600px;
}
.commitment-info {
  z-index: 1;
  position: relative;
  width: 48%;
  min-height: 438px;
  margin-top: 100px;
  padding: 60px 47px 50px;
  background-color: #fff;
  border:1px solid #e0e0e0;
}
.commitment-item .commitment-info::after{
  content: "";
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  opacity: 0.2;
}
.commitment-item:nth-of-type(1) .commitment-info::after{
  width:129px;
  height: 156px;
  background: url(../img/about/commitment_bg1.svg) no-repeat;
  background-size: 129px 156px;
}
.commitment-item:nth-of-type(2) .commitment-info::after{
  width:129px;
  height: 121px;
  background: url(../img/about/commitment_bg2.svg) no-repeat;
  background-size: 129px 121px;
}
.commitment-item:nth-of-type(3) .commitment-info::after{
  width:129px;
  height: 129px;
  background: url(../img/about/commitment_bg3.svg) no-repeat;
  background-size: 129px 129px;
}
.commitment-item:nth-of-type(4) .commitment-info::after{
  width:129px;
  height: 129px;
  background: url(../img/about/commitment_bg4.svg) no-repeat;
  background-size: 129px 129px;
}
.commitment-info-number {
  position: absolute;
  top: -77px;
  left: 20px;
  color: #57c3f1;
  font-weight: 300;
  font-size: 12rem;
  font-family: 'Roboto Condensed', sans-serif;
}
.commitment-info-title {
  color: #1a4592;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: 2.4px;
  font-family: 'Zen Maru Gothic', sans-serif;
}
.commitment-info-text {
  margin-top: 28px;
  line-height: 2.14;
  letter-spacing: 1.4px;
}

@media screen and (max-width: 600px) {
  .commitment-inner {
    padding: 0 4%;
  }
  .commitment-list {
    width: 100%;
    margin: 40px auto 0;
  }
  .commitment-item {
    display: block;
  }
  .commitment-item:nth-child(2n) .commitment-info {
    margin-left: 0px;
  }
  .commitment-item:nth-child(2n+1) .commitment-info {
    margin-right: 0px;
  }
  .commitment-item figure {
    z-index: 1;
    width: 100%;
    margin-top: 50px;
  }
  .commitment-item figure .heading {
    top: -45px;
    left: -10px;
    width: 220px;
    height: 70px;
  }
  .commitment-info {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 50px 20px;
  }
  .commitment-info-number {
    top: -45px;
    left: 10px;
    font-size: 7.5rem;
  }
  .commitment-info-title {
    line-height: 1.5;
    font-size: 2.2rem;
  }
}