@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600;700&display=swap");
.r_work-our {
  margin-top: -60px;
  padding: 200px 95px 140px;
  overflow-x: clip;
}
@media (max-width: 450px) {
  .r_work-our {
    margin-top: -40px;
    padding: 96px 20px 80px;
  }
}
.r_work-our--wrapper {
  position: relative;
  background-color: #ffffff;
  border-radius: 80px;
  padding-bottom: 148px;
}
@media (max-width: 767px) {
  .r_work-our--wrapper {
    border-radius: 30px;
    padding: 0 20px 64px;
  }
}
.r_work-our--title {
  position: relative;
  top: -68px;
  margin-bottom: -68px;
  color: #0087d0;
  font-family: "Fugaz One", sans-serif;
  font-size: 85px;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-our--title {
    top: -30px;
    margin-bottom: -30px;
    font-size: 40px;
  }
}
.r_work-our--lead {
  margin-top: 64px;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-our--lead {
    margin-top: 16px;
    font-size: 18px;
  }
}
.r_work-our--description {
  margin-top: 64px;
  font-size: 16px;
  font-weight: 500;
  line-height: 3.375;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-our--description {
    margin-top: 32px;
    font-size: 14px;
    line-height: 2;
    text-align: left;
  }
}
.r_work-our--illustration_img {
  display: block;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  .r_work-our--illustration_img {
    margin-top: 0;
  }
}
.r_work-our--parts_img {
  position: absolute;
  top: 16px;
  left: calc(50% - 637px);
}
@media (max-width: 767px) {
  .r_work-our--parts_img {
    width: 118px;
    top: 6px;
    left: -43px;
  }
}

.r_work-flow {
  padding: 200px 95px 140px;
  background-color: #53bcf5;
}
@media (max-width: 450px) {
  .r_work-flow {
    padding: 40px 20px 56px;
  }
}
.r_work-flow--wrapper {
  position: relative;
  background-color: #ffffff;
  border-radius: 80px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .r_work-flow--wrapper {
    border-radius: 30px;
    padding: 0 20px 80px;
  }
}
.r_work-flow--title {
  position: relative;
  top: -68px;
  margin-bottom: -68px;
  color: #0087d0;
  font-family: "Fugaz One", sans-serif;
  font-size: 85px;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-flow--title {
    top: -30px;
    margin-bottom: -30px;
    font-size: 40px;
  }
}
.r_work-flow--title_sub {
  margin-top: 12px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-flow--title_sub {
    margin-top: -6px;
    font-size: 16px;
  }
}
.r_work-flow--list {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .r_work-flow--list {
    margin-top: 72px;
  }
}
.r_work-flow--item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 50px;
}
.r_work-flow--item + .r_work-flow--item {
  margin-top: 80px;
}
.r_work-flow--item:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .r_work-flow--item {
    flex-direction: column;
    gap: 16px;
  }
  .r_work-flow--item:nth-child(even) {
    flex-direction: column;
  }
  .r_work-flow--item + .r_work-flow--item {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .r_work-flow--img {
    width: 100%;
  }
}
.r_work-flow--item_wrapper {
  width: 500px;
}
@media (max-width: 767px) {
  .r_work-flow--item_wrapper {
    width: 100%;
  }
}
.r_work-flow--num {
  position: relative;
  color: #008ccf;
  font-family: "Fugaz One", sans-serif;
  font-size: 60px;
  text-align: right;
}
.r_work-flow--num:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  margin-top: -28px;
  background-color: #008ccf;
}
@media (max-width: 767px) {
  .r_work-flow--num {
    font-size: 40px;
  }
  .r_work-flow--num:after {
    margin-top: -20px;
  }
}
.r_work-flow--sub_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.r_work-flow--sub_title {
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .r_work-flow--sub_title {
    font-size: 16px;
  }
}
.r_work-flow--label {
  width: 110px;
  padding: 4px 0;
  border: #0088D6 1px solid;
  border-radius: 16px;
  color: #0088d6;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.r_work-flow--description {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .r_work-flow--description {
    margin-top: 24px;
    font-size: 14px;
  }
}

.r_work-flow_anchor {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 1000px;
  height: 450px;
  margin: 72px auto 0;
}
@media (max-width: 767px) {
  .r_work-flow_anchor {
    display: block;
    width: auto;
    height: auto;
    margin-top: 48px;
  }
}
.r_work-flow_anchor--wrapper {
  padding: 0 24px;
}
.r_work-flow_anchor--wrapper-01 {
  width: 25%;
  background-color: #e7ebf0;
  border-radius: 20px 0 0 20px;
}
.r_work-flow_anchor--wrapper-02 {
  width: 50%;
  background-color: #dce4ef;
}
.r_work-flow_anchor--wrapper-03 {
  width: 50%;
  background-color: #ccd7e5;
}
.r_work-flow_anchor--wrapper-04 {
  width: 25%;
  background-color: #a0b6d1;
  border-radius: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .r_work-flow_anchor--wrapper {
    padding: 0 calc(50% + 12px) 24px 19px;
  }
  .r_work-flow_anchor--wrapper-01 {
    width: auto;
    border-radius: 20px 20px 0 0;
  }
  .r_work-flow_anchor--wrapper-02 {
    width: auto;
  }
  .r_work-flow_anchor--wrapper-03 {
    width: auto;
  }
  .r_work-flow_anchor--wrapper-04 {
    width: auto;
    border-radius: 0 0 20px 20px;
  }
}
.r_work-flow_anchor--center {
  width: 50%;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
@media (max-width: 767px) {
  .r_work-flow_anchor--center {
    width: auto;
    display: block;
  }
}
.r_work-flow_anchor--05_wrapper {
  position: absolute;
  bottom: 32px;
  left: calc(50% - 203px);
  width: 406px;
  padding: 0 32px 24px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .r_work-flow_anchor--05_wrapper {
    width: calc(50% - 15px);
    top: 32px;
    bottom: 16px;
    left: auto;
    right: 15px;
    padding: 0 12px;
  }
}
.r_work-flow_anchor--number {
  position: relative;
  top: -30px;
  display: block;
  margin-bottom: -30px;
  color: #0087d0;
  font-family: "Fugaz One", sans-serif;
  font-size: 40px;
  text-align: center;
}
.r_work-flow_anchor--title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-flow_anchor--title {
    margin-top: 5px;
  }
}
.r_work-flow_anchor--link {
  position: relative;
  display: block;
  width: 110px;
  margin: 5px auto 0;
  padding: 4px 0;
  border: #0088D6 1px solid;
  border-radius: 16px;
  color: #0088d6;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  transition: 0.3s;
}
.r_work-flow_anchor--link:hover {
  background-color: #0088d6;
  color: #ffffff;
}
.r_work-flow_anchor--link:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: calc(50% - 11px);
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%3E%3Cg%20transform%3D%22rotate(90%2011%2011)%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%230087d0%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22m8.5%207.5%204.783%204.027L8.5%2015.353%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .r_work-flow_anchor--link:hover {
    background-color: transparent;
    color: #0088d6;
  }
}
.r_work-flow_anchor--description {
  margin-top: 40px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.r_work-category {
  margin-bottom: -160px;
  padding: 110px 0 280px;
  background-color: #404040;
}
@media (max-width: 767px) {
  .r_work-category {
    margin-bottom: -200px;
    padding: 40px 20px 300px;
  }
}
.r_work-category--title {
  color: #0087d0;
  font-family: "Fugaz One", sans-serif;
  font-size: 85px;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-category--title {
    font-size: 40px;
  }
}
.r_work-category--title_sub {
  margin-top: 12px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .r_work-category--title_sub {
    margin-top: -4px;
    font-size: 16px;
  }
}
.r_work-category--list {
  width: 1000px;
  margin: 92px auto 0;
}
@media (max-width: 767px) {
  .r_work-category--list {
    width: 100%;
    margin-top: 30px;
  }
}
.r_work-category--item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.r_work-category--item + .r_work-category--item {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .r_work-category--item {
    flex-direction: column;
  }
}
.r_work-category--img {
  flex-shrink: 0;
}
.r_work-category--wrapper {
  padding: 32px 24px 32px 40px;
  background-color: #e4ebf4;
}
@media (max-width: 767px) {
  .r_work-category--wrapper {
    padding: 20px;
  }
}
.r_work-category--label {
  width: fit-content;
  min-width: 110px;
  padding: 4px 24px;
  border: #0088D6 1px solid;
  border-radius: 16px;
  color: #0088d6;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.r_work-category--sub_title {
  margin-top: 16px;
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .r_work-category--sub_title {
    font-size: 16px;
  }
}
.r_work-category--description {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .r_work-category--description {
    font-size: 14px;
  }
}
.r_work-category--link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 500;
}
.r_work-category--link:after {
  content: "";
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%230087d0%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22m8.5%207.5%204.783%204.027L8.5%2015.353%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}
.r_work-category--link:hover:after {
  transform: translateX(4px);
}
@media (max-width: 767px) {
  .r_work-category--link {
    margin-top: 30px;
  }
}

.rm-interview_nav {
  margin-top: 180px;
}
@media (max-width: 450px) {
  .rm-interview_nav {
    margin-top: 64px;
  }
}

/*# sourceMappingURL=work.css.map */