@charset "UTF-8";

/*----------------------------------------
rpo
----------------------------------------*/
/*----------------------------------------
Variables
----------------------------------------*/
/* # Color */
/* # Shadow */
/* # Hover */
/* # Font Family */
/* # Font Weight */
/* # Width */
/* # Height */
/* # Padding */
/* # Easing */
/* #icomoon */
@media screen and (max-width: 767px) {
  main.rpo article.read {
    padding: 70px 0 45px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.read {
    padding: 150px 0 60px 0;
  }
}

@media screen and (max-width: 1024px) {
  main.rpo article.read .inner {
    max-width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  main.rpo article.read .inner {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.read .head-com {
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  main.rpo article.task {
    padding: 0 0 80px 0;
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 80px, #f2f2f2 81px, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 80px, #f2f2f2 81px, #f2f2f2 100%);
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.task {
    padding: 0 0 160px 0;
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 120px, #f2f2f2 121px, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 120px, #f2f2f2 121px, #f2f2f2 100%);
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.task .head-com {
    margin-bottom: 65px;
  }
}

main.rpo article.task .box .img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  main.rpo article.task .box .img {
    padding: 50px 30px 50px 30px;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.task .box .img {
    max-width: 912.5px;
    padding: 110px 20px 150px 20px;
  }
}

@media screen and (max-width: 767px) {
  main.rpo article.task .inner-body .ttl {
    margin: 70px 0 30px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.task .inner-body .ttl {
    margin: 150px 0 80px 0;
  }
}

@media screen and (max-width: 767px) {
  main.rpo article.service {
    padding: 70px 0 80px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service {
    padding: 150px 0 110px 0;
  }
}

main.rpo article.service .service-bg {
  position: relative;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .service-bg {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .service-bg {
    margin-top: 75px;
  }
}

main.rpo article.service .service-bg:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
}

@media screen and (max-width: 767px) {
  main.rpo article.service .service-bg:before {
    height: 460px;
    background: url("../../images/rpo/service_bg_sp.jpg") no-repeat top center/cover;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .service-bg:before {
    height: 910px;
    background: url("../../images/rpo/service_bg.jpg") no-repeat top center/cover;
  }
}

@media screen and (max-width: 767px) {
  main.rpo article.service .container-service-read {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
}

main.rpo article.service .inner-read {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .inner-read {
    max-width: 359px;
    padding: 60px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .inner-read {
    max-width: 804.5px;
    padding: 100px 0;
  }
}

main.rpo article.service .inner-read .read-wrap {
  width: 100%;
  background: url("../../images/rpo/rpo_read_bg.svg") no-repeat center center/100% auto;
  -webkit-filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.1));
}

main.rpo article.service .inner-read .read-wrap .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .inner-read .read-wrap .text-wrap {
    min-height: 133px;
    padding: 0 21px 0 25px;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .inner-read .read-wrap .text-wrap {
    min-height: 294.5px;
    padding: 0 85px 0 70px;
  }
}

main.rpo article.service .inner-read .read-wrap .text-wrap p {
  text-align: center;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .inner-read .read-wrap .text-wrap p {
    font-size: 12.5px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .inner-read .read-wrap .text-wrap p {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .inner-read .read-wrap .text-wrap p:nth-child(2) {
    margin-left: -30px;
  }
}

main.rpo article.service .box-list {
  width: 100%;
  background: rgba(249, 249, 249, 0.94);
}

@media screen and (max-width: 767px) {
  main.rpo article.service .box-list {
    padding: 30px 20px;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .box-list {
        -ms-flex-pack: start;
    padding: 140px 60px;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

main.rpo article.service .box-list ul {
  width: 100%;
}

@media screen and (min-width: 768px) {
  main.rpo article.service .box-list ul {
    max-width: 880px;
    margin-left: 0;
  }
}

@media screen and (min-width: 1025px) {
  main.rpo article.service .box-list ul {
    max-width: 880px;
    margin-left: calc((100vw - 880px - 120px) / 2);
  }
}

@media screen and (min-width: 1361px) {
  main.rpo article.service .box-list ul {
    max-width: 880px;
    margin-left: calc(((100vw - 280px) - 880px - 120px) / 2);
  }
}

main.rpo article.service .box-list ul li {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .box-list ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .box-list ul li {
    margin-top: 26px;
    margin-bottom: 26px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  main.rpo article.service .inner-bottom {
    padding: 50px 0 50px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.service .inner-bottom {
    padding: 105px 0 140px 0;
  }
}

main.rpo article.service .inner-footer .box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  main.rpo article.service .inner-footer .box-wrap {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (max-width: 1024px) {
  main.rpo article.service .inner-footer .box-wrap {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (min-width: 1025px) {
  main.rpo article.service .inner-footer .box-wrap {
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}

main.rpo article.service .inner-footer .box-wrap .box {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

main.rpo article.work {
  background: #ececec;
}

@media screen and (max-width: 767px) {
  main.rpo article.work {
    padding: 70px 0 90px 0;
  }
}

@media screen and (min-width: 768px) {
  main.rpo article.work {
    padding: 150px 0 160px 0;
  }
}
/*# sourceMappingURL=../maps/page/rpo.css.map */