@charset "utf-8";

[class$="__contWrap"].parts50__contWrap {
  padding-top: 28px;
}

.parts50__contInner {
  display: flex;
}

.parts50__box {
  width: 425px;
}
.parts50__box:not(:nth-child(2n+1)) {
  margin-left: 20px;
}
.parts50__ttl {
  width: 425px;
  height: 46px;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
  .parts50__ttl-bg-gray {background: #DF4C2B;}
  .parts50__ttl-bg-gray02 {background: #49AAB6;}

.parts50__flex {
  display: flex;
}

.parts50__text-right,
.parts50__text-left {
  font-size: 23px;
  width: 27px;
  font-weight: bold;
  text-align: center;
  padding: 140px 0 0;
}
.parts50__text-left {
  background: url(../images/img_parts50-1.png) center no-repeat;
  padding: 215px 0 0;
  line-height: 1;
  height: 498px;
  color: #DF4C2B;
}
.parts50__text-right {
  background: url(../images/img_parts50-2.png) center no-repeat;
  line-height: 1;
  height: 345px;
  color: #49AAB6;
}

.parts50__list {
  padding: 0px 0 0 10px;
  width: 387px;
}
.parts50__border02,
.parts50__border01 {
  position: relative;
}
  .parts50__border01::before,
  .parts50__border02::before {
    content: "";
    width: 3px;
    margin: auto;
    background: linear-gradient(#D1D1D1, #6B6B6B);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36px;
  }
    .parts50__border01::before {
      height: 450px;
    }
    .parts50__border02::before {
      height: 304px;
    }

.parts50__item {
  display: flex;
  margin: 20px 0 0 30px;
}

.parts50__08,
.parts50__07,
.parts50__06,
.parts50__05,
.parts50__04,
.parts50__03,
.parts50__02,
.parts50__01 {
  position: relative;
}
.parts50__08::before,
.parts50__07::before,
.parts50__06::before,
.parts50__05::before,
.parts50__04::before,
.parts50__03::before,
.parts50__02::before,
.parts50__01::before {
  content: "";
  position: absolute;
  background: #49AAB6;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  top: 0%;
  left: -8%;
}

.orange_number::before {
  background: #DF4C2B;
}
.parts50__08::after,
.parts50__07::after,
.parts50__06::after,
.parts50__05::after,
.parts50__04::after,
.parts50__03::after,
.parts50__02::after,
.parts50__01::after {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 30%;
  left: -3%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.parts50__08::after {content: "08";}
.parts50__07::after {content: "07";}
.parts50__06::after {content: "06";}
.parts50__05::after {content: "05";}
.parts50__04::after {content: "04";}
.parts50__03::after {content: "03";}
.parts50__02::after {content: "02";}
.parts50__01::after {content: "01";}


.parts50__detail {
  border: 2px solid #DF4C2B;
}

.parts50__detail_2 {
  border: 2px solid #49AAB6;
}
.parts50__text {
  font-size: 18px;
  font-weight: 500;
  width: 340px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@-moz-document url-prefix() {
  .parts50__text-right,
  .parts50__text-left {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding: 0;
    line-height: 1.1;
  }
}