@media screen and (max-width: 1283px) {
  :root {
    font-size: calc(10 / 390 * 100vw);
  }
}
*{
  margin:0;
  padding: 0;
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}
body{
  font-family: source-han-sans-japanese, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;
}
img{
  max-width: 100%;
}
li{
  list-style: none;
}
.c-01{
  color: #006CBA;
}
.c-02{
  color: #E70034;
}

/* layout */
.fw-600{
  font-weight: 600;
}
.fs-21{
  font-size: 21px;
}
.fs-25{
  font-size: 25px;
}
.fs-37{
  font-size: 37px;
}
.fs-184{
  font-size: 184px;
}
/* module */
.columns{
  display: flex;
}
.columns.col2{
  margin: -10px 0 0 -18px;
}
@media screen and (max-width: 1283px) {
  .columns.col2{
    flex-direction: column;
    row-gap: calc(16 / 390 * 100vw);
    margin: 0;
  }
}
.columns.col2 .col-item{
  margin: 10px 0 0 18px;
  width: calc((100% - 18*2px)/2);
}
@media screen and (max-width: 1283px) {
  .columns.col2 .col-item{
    margin: 0;
    width: 100%;
  }
}
.columns.col4{
  margin: -10px 0 0 -20px;
}
@media screen and (max-width: 1283px) {
  .columns.col4{
    margin: 0;
  }
}
.columns.col4 .col-item{
  margin: 10px 0 0 20px;
  width: calc((100% - 20*4px)/4);
}
@media screen and (max-width: 1283px) {
  .columns.col4 .col-item{
    width: calc(243 / 390 * 100vw);
    margin: 0;
  }
}
.columns.col7{
  margin: -10px 0 0 -9px;
}
@media screen and (max-width: 1283px) {
  .columns.col7{
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: calc(16 / 390 * 100vw);
    margin: 0;
  }
}
.columns.col7 .col-item{
  margin: 10px 0 0 9px;
  width: calc((100% - 9*7px)/7);
}
@media screen and (max-width: 1283px) {
  .columns.col7 .col-item{
    margin: 0;
    width: calc(172 / 390 * 100vw);
  }
}
.columns .col-item-title{
  text-align: center;
  font-size: 18px;
}
.columns .col-item-content{
  font-size: 16px;
}
.btn-warp{
  padding: 10px;
}
.btn-wrap .btn{
  border-radius: 10px;
  
}

@media screen and not (max-width: 1283px) {
  .lp-largeScreen-hide {
    display: none;
  }
}

@media screen and (max-width: 1283px) {
  .lp-smallScreen-hide {
    display: none;
  }
}

/* header / footer */

.lp-layout-container {
  min-width: 1284px;
  overflow: hidden;
}

@media screen and (max-width: 1283px) {
  .lp-layout-container {
    min-width: 0;
  }
}

.lp-layout-header-content {
  display: flex;
  align-items: center;
  width: calc(1244px + 40px);
  margin: 0 auto;
  padding: 12px 20px;
}

@media screen and (max-width: 1283px) {
  .lp-layout-header-content {
    flex-direction: column;
    width: 100%;
    padding: calc(20 / 390 * 100vw);
  }
}

.lp-layout-header-logo {
  line-height: 1;
}

@media screen and (max-width: 1283px) {
  .lp-layout-header-logo {
    width: calc(91 / 390 * 100vw);
    margin-right: 0;
    margin-bottom: 0;
  }
}

.lp-layout-header-logo img {
  min-height: 22px;
}

@media screen and (max-width: 1283px) {
  .lp-layout-header-logo img {
    width: 100%;
    min-height: 0;
  }
}

.lp-layout-header-link {
  color: #06c;
}

.lp-layout-header-link:hover, .lp-layout-header-link:focus {
  color: #f00;
  opacity: 0.7;
}

.lp-layout-header-utilityGroup {
  flex: 1;
  margin-left: 20px;
}

@media screen and (max-width: 1283px) {
  .lp-layout-header-utilityGroup {
    display: none;
  }
}

.lp-layout-header-utilityList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin: -16px 0 0 -16px;
}

.lp-layout-header-utilityList > li {
  margin-top: 16px;
  padding-left: 16px;
}

.lp-layout-header-utilityList > li .lp-textPhone-group {
  margin-bottom: 0;
}

.lp-layout-main {
}

.lp-layout-main > *:last-child {
  margin-bottom: 0;
}

.lp-layout-footer {
  background: #2d2d2d;
  color: #fff;
}

.lp-layout-footer-content {
  width: calc(1244px + 40px);
  margin: 0 auto;
  padding: 16px 20px;
  text-align: center;
}

@media screen and (max-width: 1283px) {
  .lp-layout-footer-content {
    width: 100%;
    padding: calc(8 / 390 * 100vw) calc(20 / 390 * 100vw) calc(16 / 390 * 100vw);
  }
}

.lp-layout-footer-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
}

.lp-layout-footer-list > li {
  display: inline-flex;
  position: relative;
  margin-left: 30px;
  line-height: 1.2;
}
@media screen and (max-width: 1283px) {
  .lp-layout-footer-list > li {
    margin: calc(8 / 390 * 100vw) 0 0 calc(33 / 390 * 100vw);
  }
}

.lp-layout-footer-list > li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -14px;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background: #ccc;
  content: "";
}
@media screen and (max-width: 1283px) {
  .lp-layout-footer-list > li::before {
    left: calc(-14 / 390 * 100vw);
    height: calc(16 / 390 * 100vw);
  }
}

.lp-layout-footer-list > li a {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}
@media screen and (max-width: 1283px) {
  .lp-layout-footer-list > li a {
    font-size: calc(13 / 390 * 100vw);
  }
}

.lp-layout-footer-list > li a:hover, .lp-layout-footer-list > li a:focus {
  text-decoration: underline;
}

.lp-layout-footer-list > li:first-child::before {
  content: none;
}

.lp-layout-footer-copyright {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.2;
}

.lp-layout-footer-copyright > small {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1283px) {
  .lp-layout-footer-list > li.lp-layout-footer-copyright {
    width: 100%;
    font-size: calc(13 / 390 * 100vw);
  }
  .lp-layout-footer-list > li.lp-layout-footer-copyright::before {
    display: none;
  }
}

.lp-textPhone {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  text-decoration: none;
  cursor: default;
}

.lp-textPhone-group {
  display: inline-block;
  margin-bottom: 48px;
}

.lp-textPhone-number {
  margin-bottom: 0;
}

.lp-textPhone img {
  display: block;
  width: 40px;
  min-width: 40px;
  margin-right: 2px;
}

.lp-textOfficeHour {
  margin-bottom: 0;
  font-size: 12px;
}

.lp-button {
  display: inline-block;
  width: 173px;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  border-radius: 40px;
  background: transparent linear-gradient(278deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat;
  box-shadow: -6px -6px 30px white, 3px 3px 20px rgb(36 65 93 / 30%), inset -2px -2px 1px transparent, -1px -1px 5px transparent;
  color: #c43958;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  transition: box-shadow 0.5s;
  text-align: center;
}
.lp-button.of-primary {
  color: #129e83;
}

.lp-button-text {
  display: block;
  text-align: center;
}

.lp-button:hover, .lp-button:focus {
  box-shadow: -6px -6px 30px transparent, 3px 3px 20px transparent, inset -2px -2px 1px rgba(255, 255, 255, 0.5), -1px -1px 5px rgba(36, 65, 93, 0.3);
}

.lp-button.of-secondary {
  color: #2098D1;
}
.lp-listButton {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 0 0;
}

@media screen and (max-width: 1283px) {
  .lp-listButton {
    align-items: center;
    margin-top: calc(30 / 390 * 100vw);
    padding-right: calc(20 / 390 * 100vw);
  }
  .lp-jumbotron-content .lp-listButton {
    display: none !important;
  }
}

.lp-listButton > li {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  max-width: 100%;
  padding: 10px 0 0 0px;
}
.lp-listButton > li + li{
  padding: 20px 0 0 0;
}

@media screen and (max-width: 1283px) {
  .lp-listButton > li + li{
    padding-top: calc(20 / 390 * 100vw);
  }
}
.lp-buttonConversion {
  display: inline-block;
  max-width: 100%;
  background: #dc002f;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .2s;
  transition-property: color,background-color;
}

@media only screen and (max-width: 640px) {
  .lp-buttonConversion {
      font-size: 1.6rem;
  }
}

.lp-buttonConversion:hover {
  background-color: #c6002a;
}

.lp-buttonConversion-body {
  display: flex;
  align-items: center;
  padding: 10px 8px 10px 24px;
}

@media only screen and (max-width: 640px) {
  .lp-buttonConversion-body {
      padding-top: 14px;
      padding-bottom: 14px;
  }
}

.lp-buttonConversion-text {
  margin-right: 16px;
}

.lp-buttonConversion-image {
  margin: -22px 0;
  border: 1px solid #ccc;
}

.lp-buttonConversion-image > img {
  min-width: 90px;
  max-width: 64px;
  vertical-align: middle;
}

@media screen and (max-width: 1366px) {
  .lp-buttonConversion-image > img {
      min-width: 80px;
      max-width: 57px;
  }
}

.lp-buttonConversion.of-download .lp-buttonConversion-body, .lp-buttonConversion.of-arrow .lp-buttonConversion-body{
  position: relative;
  padding-left: 53px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before, .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before{
  display: block;
  position: absolute;
  top: 50%;
  left: 24px;
  width: 19px;
  height: 18px;
  transform: translateY(-50%);
  content: "";
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before {
  background: url("https://www.keyence.co.jp/img/landing_page/common/icon_btn_dl.png") no-repeat center center;
}

.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before {
  background: url("https://www.keyence.co.jp/img/landing_page/common/icon_btn_anc_03.png") no-repeat center center;
}

.lp-buttonConversion.of-arrow .lp-buttonConversion-body::before {
  left: 26px;
  height: 0;
  border-width: 7px 0 7px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.lp-buttonConversion.of-primary {
  background: #13778f;
}

.lp-buttonConversion.of-primary:hover {
  background: #116b81;
}

.lp-buttonConversion.of-secondary {
  background: #1a90db;
}

.lp-navigationSeries {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1240px;
  margin: 20px auto;
  padding: 4px 10px;
  border: 2px solid #e5e5e5;
  color: #999;
}

/* content */
.mv-area{
  height: 1000px;
  background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_01.jpg) no-repeat center;
}
@media screen and (max-width: 1283px) {
  .mv-area{
    height: auto;
    background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_01_sp.jpg) no-repeat bottom center/100% auto;
  }
}
.mv-area-inner{
  width: 1244px;
  margin: 0 auto;
}
@media screen and (max-width: 1283px) {
  .mv-area-inner{
    width: 100%;
    padding: calc(40 / 390 * 100vw) 0 calc(284 / 390 * 100vw) calc(20 / 390 * 100vw);
  }
}
.mv-area h1{
  position: relative;
  padding: 110px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .mv-area h1{
    padding: 0;
  }
}
.mv-area h1 + .lead{
  font-size: 21px;
  font-weight: 600;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .mv-area h1 + .lead{
    font-size: calc(20 / 390 * 100vw);
    margin-top: calc(9 / 390 * 100vw);
    line-height: calc(29 / 20);
  }
}
.mv-area .icon-navi{
  content: "";
  position: absolute;
  left: 280px;
  top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 78px;
  height: 78px;
  color: #006CBA;
  background-color: #FFFDD5;
  border: 1px solid #006CBA;
  border-radius: 50%;
}
@media screen and (max-width: 1283px) {
  .mv-area .icon-navi{
    width: calc(88 / 390 * 100vw);
    height: calc(88 / 390 * 100vw);
    top: calc(-12 / 390 * 100vw);
    left: calc(247 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
  }
}
@media screen and (max-width: 1283px) {
  .mv-area span:has([class*="mv-area-text-0"]){
    display: flex;
    flex-direction: column;
  }
}
.mv-area .mv-area-text-01{
  font-size: 25px;
}
@media screen and (max-width: 1283px) {
  .mv-area .mv-area-text-01{
    font-size: calc(24 / 390 * 100vw);
    line-height: calc(35 / 24);
  }
}
.mv-area .mv-area-text-02{
  font-size: 37px;
}
@media screen and (max-width: 1283px) {
  .mv-area .mv-area-text-02{
    font-size: calc(32 / 390 * 100vw);
    line-height: calc(46 / 32);
  }
}
.mv-area .mv-area-text-03{
  font-size: 184px;
  line-height: 1;
  position: relative;
  left: -15px;
}
@media screen and (max-width: 1283px) {
  .mv-area .mv-area-text-03{
    font-size: calc(180 / 390 * 100vw);
    top: calc(-10 / 390 * 100vw);
    left: calc(-14 / 390 * 100vw);
  }
}
@media screen and (max-width: 1283px) {
  .mv-area br{
    display: none;
  }
}

.mv-area .new-area{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 390px;
  padding-bottom: 10px;
  border-bottom: 2px solid #006CBA;
}
@media screen and (max-width: 1283px) {
  .mv-area .new-area{
    justify-content: flex-start;
    column-gap: calc(18 / 390 * 100vw);
    width: fit-content;
    padding-bottom: 0;
    border-bottom-width: calc(2 / 390 * 100vw);
  }
}

.mv-area .new-area-rpa{
  display: flex;
  flex-direction: column;
}
.mv-area .new-area-rpa-item{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1283px) {
  .mv-area .new-area-rpa-item{
    font-size: calc(18 / 390 * 100vw);
    line-height: calc(26 / 18);
  }
}
.mv-area .new-area-rpa-item::first-letter{
  color: #E70034;
}
.mv-area .new-area-word{
  font-size: 60px;
  font-weight: 600;
  padding: 0 0 0 30px;
}
@media screen and (max-width: 1283px) {
  .mv-area .new-area-word{
    font-size: calc(60 / 390 * 100vw);
    line-height: calc(87 / 60);
    padding-left: 0;
  }
}

section{
  position: relative;
}
.section-inner{
  width: 1150px;
  margin: 0 auto;
}
@media screen and (max-width: 1283px) {
  .section-inner{
    width: 100%;
  }
}
/* section01 */
.section01{
  background :linear-gradient(#fff,#EAEAF0);
  padding: 50px 0 100px 0;
  position: relative;
}
@media screen and (max-width: 1283px) {
  .section01{
    padding: calc(56 / 390 * 100vw) calc(15 / 390 * 100vw) calc(48 / 390 * 100vw);
    background: linear-gradient(#fff,#EAEAF0 78%,#EAEAF0);
  }
}
.section01::after{
  content: "";
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  border: 36px solid transparent;
  border-top: 36px solid #EAEAF0;
}
@media screen and (max-width: 1283px) {
  .section01::after{
    bottom: calc(-38 / 390 * 100vw);
    border-width: calc(20 / 390 * 100vw);
  }
}

.section01 .section-title{
  color: #006CBA;
  font-size: 29px;
  margin: 0 0 50px 0;
  text-align: center;
}
@media screen and (max-width: 1283px) {
  .section01 .section-title{
    margin-bottom: calc(32 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
    line-height: calc(26 / 18);
  }
}
.section01 .section-title span{
  font-weight: 600;
  font-size: 47px;
}
@media screen and (max-width: 1283px) {
  .section01 .section-title span{
    font-size: calc(34 / 390 * 100vw);
    line-height: calc(49 / 34);
  }
}
.rpa-example{
  margin-top: 50px;
}
@media screen and (max-width: 1283px) {
  .rpa-example{
    margin-top: 0;
  }
}
.rpa-example .col-item{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #006CBA;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  padding: 15px 20px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1283px) {
  .rpa-example .col-item{
    font-size: calc(18 / 390 * 100vw);
    line-height: calc(24 / 18);
    padding: calc(16 / 390 * 100vw);
  }
}

.rpa-productivity{
  position: relative;
  margin: 60px 0 20px 0;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity{
    margin: calc(45 / 390 * 100vw) 0 0;
  }
}
.rpa-productivity::before{
  content: "";
  position: absolute;
  bottom: -39px;
  left: 50%;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 20px solid #fff;
  z-index: 2;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity::before{
    top: calc(100% - 1px);
    bottom: 0;
    border-width: calc(20 / 390 * 100vw);
  }
}
.rpa-productivity::after{
  content: "";
  position: absolute;
  bottom: -41px;
  left: 50%;
  transform: translateX(-50%);
  border: 21px solid transparent;
  border-top: 21px solid #006CBA;
  z-index: 1;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity::after{
    top: calc(100% - 1px);
    bottom: 0;
    border-width: calc(21 / 390 * 100vw);
  }
}
.rpa-productivity-inner{
  background-color: #fff;
  padding: 44px 42px 50px;
  border: 1px solid #006CBA;
  border-radius: 10px;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-inner{
    padding: calc(26 / 390 * 100vw) calc(20 / 390 * 100vw) calc(32 / 390 * 100vw);
    border-radius: 0;
  }
}
.rpa-productivity-title{
  padding: 10px 0;
  font-size: 27px;
  color: #006CBA;
  border-top: 1px solid #006CBA;
  border-bottom: 1px solid #006CBA;
  text-align: center;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-title{
    padding: calc(12 / 390 * 100vw) 0;
    font-size: calc(24 / 390 * 100vw);
    line-height: calc(35 / 24);
  }
}
.rpa-productivity-content{
  padding: 40px 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-content{
    padding: calc(24 / 390 * 100vw) 0 0;
  }
}
.rpa-productivity-content .col-item{
  border-radius: 10px;
  border: 1px solid #707070;
  overflow: hidden;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-content .col-item{
    border-radius: calc(10 / 390 * 100vw);
  }
}
.rpa-productivity-content .col-item .col-item-title{
  font-weight: 600;
  padding: 10px 0;
  background-color: #E3EEFF;
  text-align: center;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-content .col-item .col-item-title{
    padding: calc(16 / 390 * 100vw) 0 calc(15 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
    line-height: calc(29 / 20);
  }
}
.rpa-productivity-content .col-item .col-item-content{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 22px 55px;
  background-color: #fff;
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 1283px) {
  .rpa-productivity-content .col-item .col-item-content{
    padding: calc(14 / 390 * 100vw) calc(24 / 390 * 100vw) calc(24 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
    line-height: 1.5;
    text-align: left;
  }
}
.rpa-reason-text{
  margin: 80px 0 0 0;
  font-size: 27px;
  text-align: center;
}
@media screen and (max-width: 1283px) {
  .rpa-reason-text{
    margin-top: calc(44 / 390 * 100vw);
    font-size: calc(24 / 390 * 100vw);
  }
}

.rpa-concern{
  background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_02.jpg) no-repeat center;
  width: 1153px;
  height: 658px;
  margin: 60px 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-concern{
    width: 100%;
    height: auto;
    margin-top: calc(32 / 390 * 100vw);
    background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_02_sp.jpg) no-repeat bottom center/cover;
    border-radius: calc(10 / 390 * 100vw);
  }
}
.rpa-concern-inner{
  padding: 60px 35px;
  height: 100%;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-inner{
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw) calc(188 / 390 * 100vw);
  }
}
.rpa-concern-title{
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-family: "游明朝体", "Yu Mincho", YuMincho , "Hiragino UD Serif StdN", "Hiragino Mincho ProN", "MS PMincho", serif, source-han-sans-japanese, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-title{
    font-size: calc(28 / 390 * 100vw);
    line-height: calc(40 / 28);
  }
}
.rpa-concern-content.columns.col4{
  position: relative;
  padding: 50px 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content.columns.col4{
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: calc(16 / 390 * 100vw);
    padding-top: calc(24 / 390 * 100vw);
  }
}
.rpa-concern-content .col-item{
  padding: 15px 15px 20px;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(243 / 390 * 100vw);
    height: calc(135 / 390 * 100vw);
    background: url(/img/ss/products/software/rk/007/ss_rk_007_balloon_01_sp.png) no-repeat center/contain;
    padding: 0 0 calc(12 / 390 * 100vw);
    position: relative;
  }
}
.rpa-concern-content .col-item:nth-child(1){
  margin: 65px 0 0 20px;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item:nth-child(1){
    order: 3;
    margin: 0;
  }
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item:nth-child(3){
    margin-left: auto;
    background-image: url(/img/ss/products/software/rk/007/ss_rk_007_balloon_02_sp.png);
  }
}
.rpa-concern-content .col-item:nth-child(4){
  margin: 65px 0 0 20px;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item:nth-child(4){
    order: 4;
    margin: 0 0 0 auto;
    background-image: url(/img/ss/products/software/rk/007/ss_rk_007_balloon_02_sp.png);
  }
}
.rpa-concern-content .col-item .col-item-title{
  font-size: 22px;
  color: #CACEBB;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item .col-item-title{
    font-size: calc(20 / 390 * 100vw);
    line-height: calc(22 / 20);
  }
}
.rpa-concern-content .col-item .col-item-text{
  font-size: 14px;
  margin: 12px 0 0 0;
  color: #CACEBB;
  text-align: center;
}
@media screen and (max-width: 1283px) {
  .rpa-concern-content .col-item .col-item-text{
    margin-top: calc(14 / 390 * 100vw);
    font-size: calc(15 / 390 * 100vw);
    line-height: calc(17 / 15);
  }
}

/* section02 */
.section02{
  padding: 90px 0 180px;
}
@media screen and (max-width: 1283px) {
  .section02{
    padding: calc(52 / 390 * 100vw) calc(15 / 390 * 100vw) calc(56 / 390 * 100vw);
  }
}
.section02 .section-title{
  text-align: center;
  margin: 35px 0 0;
  font-size: 27px;
  font-weight: 600;
}
@media screen and (max-width: 1283px) {
  .section02 .section-title{
    margin-top: calc(35 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
    line-height: calc(29 / 20);
  }
}
.section02 .section-title span{
  font-size: 55px;
  color: #006CBA;
  position: relative;
}
@media screen and (max-width: 1283px) {
  .section02 .section-title span{
    display: inline-block;
    margin-bottom: calc(16 / 390 * 100vw);
    font-size: calc(44 / 390 * 100vw);
    line-height: calc(64 / 44);
  }
}
.section02 .section-title span::before{
  width: 133px;
  height: 34px;
  background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_03.png) no-repeat center;
  content: "";
  position: absolute;
  top: -35px;
  left: -12px;
}
@media screen and (max-width: 1283px) {
  .section02 .section-title span::before{
    width: calc(133 / 390 * 100vw);
    height: calc(34 / 390 * 100vw);
    margin-inline: auto;
    top: calc(-35 / 390 * 100vw);
    right: calc(0 / 390 * 100vw);
    left: calc(0 / 390 * 100vw);
    background-size: cover;
  }
}
.section02 .section-title+.lead{
  font-weight: 600;
  margin: 40px 0 0;
  text-align: center;
  color: #006CBA;
  font-size: 18px;
  letter-spacing: 5.5px;
}
@media screen and (max-width: 1283px) {
  .section02 .section-title+.lead{
    margin-top: calc(24 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
    letter-spacing: 0;
    line-height: calc(23 / 16);
  }
}

.improvement-flow{
  padding: 75px 0 0 0;
  counter-reset: number 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow{
    justify-content: center;
    flex-wrap: wrap;
    row-gap: calc(48 / 390 * 100vw);
    padding-top: calc(40 / 390 * 100vw);
  }
}
.improvement-flow.columns .col-item{
  counter-increment: number 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.improvement-flow .icon-problem{
  font-size: 13px;
  color: #Fff;
  background-color: #C4A256;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 20px 0 0 0;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .icon-problem{
    flex-direction: column;
    width: calc(77 / 390 * 100vw);
    height: calc(77 / 390 * 100vw);
    padding: 0;
    font-size: calc(14 / 390 * 100vw);
    line-height: calc(20 / 14);
  }
}
.improvement-flow .icon-problem::before{
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  content: counter(number);
  font-size: 23px;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .icon-problem::before{
    position: static;
    margin-top: calc(-10 / 390 * 100vw);
    margin-bottom: calc(-3 / 390 * 100vw);
    font-size: calc(26 / 390 * 100vw);
    line-height: calc(38 / 26);
  }
}
.improvement-flow .problem-title{
  color: #BC9754;
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .problem-title{
    font-size: calc(24 / 390 * 100vw);
    margin-top: calc(12 / 390 * 100vw);
  }
}
.improvement-flow .problem-fig{
  margin: 25px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .problem-fig{
    margin-top: calc(16 / 390 * 100vw);
  }
}
.improvement-flow .problem-fig img{
  max-height: 100px;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .problem-fig img{
    width: calc(120 / 390 * 100vw);
    max-height: none;
  }
}
.improvement-flow .problem-fig figcaption{
  margin: 20px 0 0 0;
  font-size: 14px;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .problem-fig figcaption{
    margin-top: calc(16 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
    line-height: 1.2;
  }
}
.improvement-flow .icon-flow{
  width: 48px;
  height: 95px;
  background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_04.png) no-repeat center;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .icon-flow{
    width: calc(48 / 390 * 100vw);
    height: calc(63.5 / 390 * 100vw);
    max-height: none;
    margin-top: calc(24 / 390 * 100vw);
    background-image: url(/img/ss/products/software/rk/007/ss_rk_007_bg_04_sp.png);
    background-size: contain;
  }
}
.improvement-flow .improvement-wrap{
  margin: 25px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .improvement-wrap{
    margin-top: calc(24 / 390 * 100vw);
  }
}
.improvement-flow .icon-improvement{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #Fff;
  background-color: #2098D1;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .icon-improvement{
    flex-direction: column;
    width: calc(77 / 390 * 100vw);
    height: calc(77 / 390 * 100vw);
    padding: 0;
    font-size: calc(14 / 390 * 100vw);
    line-height: calc(20 / 14);
  }
}
.improvement-flow .icon-improvement::before{
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  content: counter(number);
  font-size: 23px;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .icon-improvement::before{
    position: static;
    margin-top: calc(-10 / 390 * 100vw);
    margin-bottom: calc(-3 / 390 * 100vw);
    font-size: calc(26 / 390 * 100vw);
    line-height: calc(38 / 26);
  }
}
.improvement-flow .improvement-title{
  color: #2098D1;
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .improvement-title{
    font-size: calc(24 / 390 * 100vw);
    line-height: calc(29 / 24);
    margin-top: calc(12 / 390 * 100vw);
  }
}
.improvement-flow .lp-button{
  margin: 40px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .improvement-flow .lp-button{
    width: calc(221 / 390 * 100vw);
    margin-top: calc(16 / 390 * 100vw);
    padding: calc(12 / 390 * 100vw) calc(12 / 390 * 100vw) calc(9 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
    border-radius: calc(40 / 390 * 100vw);
  }
}

.flow-details{
  margin: 195px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .flow-details{
    margin-top: calc(56 / 390 * 100vw);
  }
}
.flow-details .flow-details-inner{

}
.flow-details .flow-details-columns{
  display: flex;
  flex-direction: column;
}
.flow-details .flow-detail-columns-inner{
  display: flex;
  justify-content: space-between;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #006CBA;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-columns-inner{
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(40 / 390 * 100vw);
  }
  .flow-details .flow-detail-columns-inner:last-of-type{
    padding-bottom: 0;
    border-bottom: none;
  }
}
.flow-details .flow-detail-columns-inner + .flow-detail-columns-inner{
  margin: 90px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-columns-inner + .flow-detail-columns-inner{
    margin-top: calc(40 / 390 * 100vw);
  }
}
.flow-details .flow-detail-columns-inner .flow-detail-column{
  display: flex;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-columns-inner .flow-detail-column{
    flex-direction: column-reverse;
    row-gap: calc(24 / 390 * 100vw);
  }
}
.flow-details .flow-detail-columns-inner .flow-detail-img{
  width: 780px;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-columns-inner .flow-detail-img{
    width: 100%;
  }
  .flow-details .flow-detail-columns-inner .flow-detail-img img{
    width: 100%;
    border-radius: calc(10 / 390 * 100vw);
  }
}
.flow-details .flow-detail-text-wrap{
  flex: 1;
  margin: 0 0 0 25px;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-text-wrap{
    margin-left: 0;
  }
}
.flow-details .flow-detail-text-wrap dl{
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-text-wrap dl{
    column-gap: calc(24 / 390 * 100vw);
  }
}
.flow-details .flow-detail-text-wrap .flow-detail-title{
  color: #006CBA;
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #006CBA;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-text-wrap .flow-detail-title{
    display: block;
    width: calc(320 / 390 * 100vw);
    margin-inline: auto;
    padding-bottom: calc(16 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
    line-height: calc(26 / 18);
    text-align: center;
  }
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-text-wrap .flow-detail-title span{
    font-size: calc(20 / 390 * 100vw);
    font-weight: 600;
    line-height: calc(29 / 20);
  }
}
.flow-details .flow-detail-text-wrap .flow-detail-text{
  font-size: 16px;
  margin: 15px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .flow-details .flow-detail-text-wrap .flow-detail-text{
    margin-top: calc(16 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
  }
}
@media screen and (max-width: 1283px) {
  .flow-details .lp-button-warp{
    width: 100%;
  }
  .flow-details .lp-button{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(13 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
    border-radius: calc(40 / 390 * 100vw);
  }
}
.section03{
  padding: 75px 0 70px;
  background: #F9F9FB;
}
@media screen and (max-width: 1283px) {
  .section03{
    padding: calc(48 / 390 * 100vw) calc(15 / 390 * 100vw) calc(64 / 390 * 100vw);
  }
}
.section03 .section-title{
  font-size: 44px;
}
@media screen and (max-width: 1283px) {
  .section03 .section-title{
    font-size: calc(34 / 390 * 100vw);
    line-height: calc(49 / 34);
    text-align: center;
  }
}
.section03 .section-title + .lead{
  font-size: 27px;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .section03 .section-title + .lead{
    font-size: calc(22 / 390 * 100vw);
    line-height: calc(32 / 22);
    text-align: center;
    margin-top: calc(5 / 390 * 100vw);
  }
}
.rpa-rk-series{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series{
    flex-direction: column;
    row-gap: calc(48 / 390 * 100vw);
  }
}
.rpa-rk-series-content.of-text{
  width: 560px;
  margin: 0 45px 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series-content.of-text{
    width: 100%;
    margin-right: 0;
  }
}
.rpa-rk-series-content.of-img{
  flex: 1;
}

.rpa-rk-series-content-textwrap{
  display: flex;
  flex-direction: column;
  margin: 37px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series-content-textwrap{
    margin-top: calc(32 / 390 * 100vw);
  }
}
.rpa-rk-series-content-title{
  font-size: 20px;
  font-weight: 600;
  color: #006CBA;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #006CBA;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series-content-title{
    padding-bottom: calc(16 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
    line-height: calc(29 / 20);
    text-align: center;
  }
}
.check-list{
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1283px) {
  .check-list{
    margin-top: calc(24 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
    line-height: calc(23 / 16);
  }
}
.check-list .list-item{
  padding: 0 0 0 25px;
  position: relative;
}
@media screen and (max-width: 1283px) {
  .check-list .list-item{
    padding-left: calc(25 / 390 * 100vw);
  }
}
.check-list .list-item + .list-item{
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .check-list .list-item + .list-item{
    margin-top: calc(16 / 390 * 100vw);
  }
}
.check-list .list-item::before{
  position: absolute;
  content: "";
  width: 20px;
  height: 24px;
  left: 0;
  top: 0;
  bottom: 0;
  background: url(/img/ss/products/software/rk/007/ss_rk_007_bg_05.png) no-repeat center;
}
@media screen and (max-width: 1283px) {
  .check-list .list-item::before{
    width: calc(20 / 390 * 100vw);
    height: calc(24 / 390 * 100vw);
    background-size: contain;
  }
}

.rpa-rk-series .lp-button-warp{
  display: flex;
  margin: 50px 0 0 0;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series .lp-button-warp{
    flex-direction: column;
    align-items: center;
    margin-top: calc(40 / 390 * 100vw);
  }
}
.rpa-rk-series .lp-button-warp .lp-button{
  margin: 0;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series .lp-button-warp .lp-button{
    width: calc(348 / 390 * 100vw);
    margin-left: 0;
    padding: calc(13 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
    border-radius: calc(40 / 390 * 100vw);
  }
}
.rpa-rk-series .lp-button-warp .lp-button + .lp-button{
  margin: 0 0 0 10px;
}
@media screen and (max-width: 1283px) {
  .rpa-rk-series .lp-button-warp .lp-button + .lp-button{
    margin-top: calc(24 / 390 * 100vw);
    margin-left: 0;
  }
}