@charset "UTF-8";
.u-opacity {
  opacity: 1;
  transition: opacity 0.3s; }

.u-opacity:hover {
  opacity: 0.7; }

.c-head-interview-lv01:first-child, .c-head-detail:first-child, .c-head-border:first-child, .under .interview > .header .inner .interview-head:first-child, .l-section.detail :first-child, .business-link :first-child, .automation-link :first-child {
  margin-top: 0; }

.c-head-interview-lv01:last-child, .c-head-detail:last-child, .c-head-border:last-child, .under .interview > .header .inner .interview-head:last-child, .l-section.detail :last-child, .business-link :last-child, .automation-link :last-child {
  margin-bottom: 0; }

/* --------------------------------------------

object

-------------------------------------------- */
.c-head-interview-lv01 {
  margin: 80px 0 50px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1a275b; }

.c-head-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px auto 20px;
  font-size: 1.875rem;
  font-weight: 500;
  text-align: left; }

.c-head-detail .category {
  display: inline-block;
  min-width: 6em;
  text-align: center;
  padding: 5px 10px;
  font-size: 0.875rem;
  line-height: 1;
  border: 1px solid #000;
  border-radius: 20px; }

.c-head-border {
  margin: 60px auto 30px;
  padding-bottom: 15px;
  font-size: 1.875rem;
  font-weight: 500;
  text-align: center;
  position: relative; }

.c-head-border:after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: auto;
  background: #1a275b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.c-head-border + .desc {
  margin: 25px auto 75px;
  font-size: 1.125rem;
  line-height: 2;
  text-align: center; }

.c-button {
  display: block;
  width: 100%;
  margin: auto;
  padding: 15px 30px;
  max-width: 480px;
  color: #1a275b;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  background: #fff;
  border: 1px solid #1a275b;
  border-radius: 100px;
  transition: 0.3s; }

.c-button:after {
  content: "";
  display: inline-block;
  width: 29px;
  height: 1em;
  margin-left: 15px;
  vertical-align: middle;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 0 40%/contain; }

.c-button:hover {
  opacity: 0.7; }

.c-button.article {
  cursor: pointer; }

.c-button.article:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 28px;
  margin: 0 10px;
  vertical-align: top;
  transform: rotate(180deg);
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button02.svg") no-repeat 0 0/contain; }

.c-button.article .close {
  display: none; }

.js-article-open .c-button.article {
  margin-top: 100px; }

.js-article-open .c-button.article:after {
  vertical-align: bottom;
  transform: rotate(0); }

.js-article-open .c-button.article .read {
  display: none; }

.js-article-open .c-button.article .close {
  display: inline-block; }

.c-figure:after {
  content: "";
  display: block;
  clear: both; }

.c-figure--right figcaption, .c-figure--left figcaption {
  margin-top: 8px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.85; }

.c-figure--right figure {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  text-align: center; }

.c-figure--left figure {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: center; }

.is-red {
  color: #e88738; }

.u-bg--gray {
  background: #f2f2f2; }

hr.is-short {
  width: 40px;
  height: 2px;
  margin: 40px auto;
  border: none;
  background: #000; }

hr.white {
  background: #fff; }

.u-only--lg {
  display: block !important; }

.u-only-inline--lg {
  display: inline-block !important; }

.u-only--sm, .u-only-inline--sm {
  display: none !important; }

.u-over--hidden {
  overflow: hidden; }

.u-fontsize--tiny {
  font-size: 82% !important; }

.u-fontsize--small {
  font-size: 93% !important; }

.u-fontsize--large {
  font-size: 107% !important; }

.u-fontsize--huge {
  font-size: 113% !important; }

.u-align--center {
  text-align: center !important; }

.u-align--left {
  text-align: left !important; }

.u-align--right {
  text-align: right !important; }

.u-valign--baseline {
  vertical-align: baseline !important; }

.u-valign--top {
  vertical-align: top !important; }

.u-valign--middle {
  vertical-align: middle !important; }

.u-valign--bottom {
  vertical-align: bottom !important; }

.u-valign--text-bottom {
  vertical-align: text-bottom !important; }

.u-valign--text-top {
  vertical-align: text-top !important; }

.u-display--none {
  display: none !important; }

.u-display--inline {
  display: inline !important; }

.u-display--inline-block {
  display: inline-block !important; }

.u-display--block {
  display: block !important; }

.u-display--table {
  display: table !important; }

.u-display--table-cell {
  display: table-cell !important; }

.u-display--flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.u-display--inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.u-float--left {
  float: left !important; }

.u-float--right {
  float: right !important; }

.u-float--none {
  float: none !important; }

.u-clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

.u-position--relative {
  position: relative !important; }

.u-position--absolute {
  position: absolute !important; }

.u-position--static {
  position: static !important; }

.u-row:after, [class*=u-row_]:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

.u-row--tt {
  margin-top: 20px; }

.u-row--tb {
  margin-bottom: 20px; }

.u-row--st {
  margin-top: 30px; }

.u-row--sb {
  margin-bottom: 30px; }

.u-row--mt {
  margin-top: 50px; }

.u-row--mb {
  margin-bottom: 50px; }

.u-row--lt {
  margin-top: 70px; }

.u-row--lb {
  margin-bottom: 70px; }

.u-row--ht {
  margin-top: 100px; }

.u-row--hb {
  margin-bottom: 100px; }

.u-fit,
img.u-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: contain;object-position: 50% 50%;'; }

.u-indent1 {
  text-indent: -1em; }

.u-indent2 {
  text-indent: -2em; }

.u-indent3 {
  text-indent: -3em; }

.u-indent4 {
  text-indent: -4em; }

.u-indent5 {
  text-indent: -5em; }

.u-nindent1 {
  padding-left: 1em;
  text-indent: -1em; }

.u-nindent2 {
  padding-left: 2em;
  text-indent: -2em; }

.u-nindent3 {
  padding-left: 3em;
  text-indent: -3em; }

.u-nindent4 {
  padding-left: 4em;
  text-indent: -4em; }

.u-nindent5 {
  padding-left: 5em;
  text-indent: -5em; }

.u-wid0 {
  width: 0px !important; }

.u-widp0 {
  width: 0% !important; }

.u-wid1 {
  width: 1px !important; }

.u-widp1 {
  width: 1% !important; }

.u-wid2 {
  width: 2px !important; }

.u-widp2 {
  width: 2% !important; }

.u-wid3 {
  width: 3px !important; }

.u-widp3 {
  width: 3% !important; }

.u-wid4 {
  width: 4px !important; }

.u-widp4 {
  width: 4% !important; }

.u-wid5 {
  width: 5px !important; }

.u-widp5 {
  width: 5% !important; }

.u-wid6 {
  width: 6px !important; }

.u-widp6 {
  width: 6% !important; }

.u-wid7 {
  width: 7px !important; }

.u-widp7 {
  width: 7% !important; }

.u-wid8 {
  width: 8px !important; }

.u-widp8 {
  width: 8% !important; }

.u-wid9 {
  width: 9px !important; }

.u-widp9 {
  width: 9% !important; }

.u-wid10 {
  width: 10px !important; }

.u-widp10 {
  width: 10% !important; }

.u-wid11 {
  width: 11px !important; }

.u-widp11 {
  width: 11% !important; }

.u-wid12 {
  width: 12px !important; }

.u-widp12 {
  width: 12% !important; }

.u-wid13 {
  width: 13px !important; }

.u-widp13 {
  width: 13% !important; }

.u-wid14 {
  width: 14px !important; }

.u-widp14 {
  width: 14% !important; }

.u-wid15 {
  width: 15px !important; }

.u-widp15 {
  width: 15% !important; }

.u-wid16 {
  width: 16px !important; }

.u-widp16 {
  width: 16% !important; }

.u-wid17 {
  width: 17px !important; }

.u-widp17 {
  width: 17% !important; }

.u-wid18 {
  width: 18px !important; }

.u-widp18 {
  width: 18% !important; }

.u-wid19 {
  width: 19px !important; }

.u-widp19 {
  width: 19% !important; }

.u-wid20 {
  width: 20px !important; }

.u-widp20 {
  width: 20% !important; }

.u-wid21 {
  width: 21px !important; }

.u-widp21 {
  width: 21% !important; }

.u-wid22 {
  width: 22px !important; }

.u-widp22 {
  width: 22% !important; }

.u-wid23 {
  width: 23px !important; }

.u-widp23 {
  width: 23% !important; }

.u-wid24 {
  width: 24px !important; }

.u-widp24 {
  width: 24% !important; }

.u-wid25 {
  width: 25px !important; }

.u-widp25 {
  width: 25% !important; }

.u-wid26 {
  width: 26px !important; }

.u-widp26 {
  width: 26% !important; }

.u-wid27 {
  width: 27px !important; }

.u-widp27 {
  width: 27% !important; }

.u-wid28 {
  width: 28px !important; }

.u-widp28 {
  width: 28% !important; }

.u-wid29 {
  width: 29px !important; }

.u-widp29 {
  width: 29% !important; }

.u-wid30 {
  width: 30px !important; }

.u-widp30 {
  width: 30% !important; }

.u-wid31 {
  width: 31px !important; }

.u-widp31 {
  width: 31% !important; }

.u-wid32 {
  width: 32px !important; }

.u-widp32 {
  width: 32% !important; }

.u-wid33 {
  width: 33px !important; }

.u-widp33 {
  width: 33% !important; }

.u-wid34 {
  width: 34px !important; }

.u-widp34 {
  width: 34% !important; }

.u-wid35 {
  width: 35px !important; }

.u-widp35 {
  width: 35% !important; }

.u-wid36 {
  width: 36px !important; }

.u-widp36 {
  width: 36% !important; }

.u-wid37 {
  width: 37px !important; }

.u-widp37 {
  width: 37% !important; }

.u-wid38 {
  width: 38px !important; }

.u-widp38 {
  width: 38% !important; }

.u-wid39 {
  width: 39px !important; }

.u-widp39 {
  width: 39% !important; }

.u-wid40 {
  width: 40px !important; }

.u-widp40 {
  width: 40% !important; }

.u-wid41 {
  width: 41px !important; }

.u-widp41 {
  width: 41% !important; }

.u-wid42 {
  width: 42px !important; }

.u-widp42 {
  width: 42% !important; }

.u-wid43 {
  width: 43px !important; }

.u-widp43 {
  width: 43% !important; }

.u-wid44 {
  width: 44px !important; }

.u-widp44 {
  width: 44% !important; }

.u-wid45 {
  width: 45px !important; }

.u-widp45 {
  width: 45% !important; }

.u-wid46 {
  width: 46px !important; }

.u-widp46 {
  width: 46% !important; }

.u-wid47 {
  width: 47px !important; }

.u-widp47 {
  width: 47% !important; }

.u-wid48 {
  width: 48px !important; }

.u-widp48 {
  width: 48% !important; }

.u-wid49 {
  width: 49px !important; }

.u-widp49 {
  width: 49% !important; }

.u-wid50 {
  width: 50px !important; }

.u-widp50 {
  width: 50% !important; }

.u-wid51 {
  width: 51px !important; }

.u-widp51 {
  width: 51% !important; }

.u-wid52 {
  width: 52px !important; }

.u-widp52 {
  width: 52% !important; }

.u-wid53 {
  width: 53px !important; }

.u-widp53 {
  width: 53% !important; }

.u-wid54 {
  width: 54px !important; }

.u-widp54 {
  width: 54% !important; }

.u-wid55 {
  width: 55px !important; }

.u-widp55 {
  width: 55% !important; }

.u-wid56 {
  width: 56px !important; }

.u-widp56 {
  width: 56% !important; }

.u-wid57 {
  width: 57px !important; }

.u-widp57 {
  width: 57% !important; }

.u-wid58 {
  width: 58px !important; }

.u-widp58 {
  width: 58% !important; }

.u-wid59 {
  width: 59px !important; }

.u-widp59 {
  width: 59% !important; }

.u-wid60 {
  width: 60px !important; }

.u-widp60 {
  width: 60% !important; }

.u-wid61 {
  width: 61px !important; }

.u-widp61 {
  width: 61% !important; }

.u-wid62 {
  width: 62px !important; }

.u-widp62 {
  width: 62% !important; }

.u-wid63 {
  width: 63px !important; }

.u-widp63 {
  width: 63% !important; }

.u-wid64 {
  width: 64px !important; }

.u-widp64 {
  width: 64% !important; }

.u-wid65 {
  width: 65px !important; }

.u-widp65 {
  width: 65% !important; }

.u-wid66 {
  width: 66px !important; }

.u-widp66 {
  width: 66% !important; }

.u-wid67 {
  width: 67px !important; }

.u-widp67 {
  width: 67% !important; }

.u-wid68 {
  width: 68px !important; }

.u-widp68 {
  width: 68% !important; }

.u-wid69 {
  width: 69px !important; }

.u-widp69 {
  width: 69% !important; }

.u-wid70 {
  width: 70px !important; }

.u-widp70 {
  width: 70% !important; }

.u-wid71 {
  width: 71px !important; }

.u-widp71 {
  width: 71% !important; }

.u-wid72 {
  width: 72px !important; }

.u-widp72 {
  width: 72% !important; }

.u-wid73 {
  width: 73px !important; }

.u-widp73 {
  width: 73% !important; }

.u-wid74 {
  width: 74px !important; }

.u-widp74 {
  width: 74% !important; }

.u-wid75 {
  width: 75px !important; }

.u-widp75 {
  width: 75% !important; }

.u-wid76 {
  width: 76px !important; }

.u-widp76 {
  width: 76% !important; }

.u-wid77 {
  width: 77px !important; }

.u-widp77 {
  width: 77% !important; }

.u-wid78 {
  width: 78px !important; }

.u-widp78 {
  width: 78% !important; }

.u-wid79 {
  width: 79px !important; }

.u-widp79 {
  width: 79% !important; }

.u-wid80 {
  width: 80px !important; }

.u-widp80 {
  width: 80% !important; }

.u-wid81 {
  width: 81px !important; }

.u-widp81 {
  width: 81% !important; }

.u-wid82 {
  width: 82px !important; }

.u-widp82 {
  width: 82% !important; }

.u-wid83 {
  width: 83px !important; }

.u-widp83 {
  width: 83% !important; }

.u-wid84 {
  width: 84px !important; }

.u-widp84 {
  width: 84% !important; }

.u-wid85 {
  width: 85px !important; }

.u-widp85 {
  width: 85% !important; }

.u-wid86 {
  width: 86px !important; }

.u-widp86 {
  width: 86% !important; }

.u-wid87 {
  width: 87px !important; }

.u-widp87 {
  width: 87% !important; }

.u-wid88 {
  width: 88px !important; }

.u-widp88 {
  width: 88% !important; }

.u-wid89 {
  width: 89px !important; }

.u-widp89 {
  width: 89% !important; }

.u-wid90 {
  width: 90px !important; }

.u-widp90 {
  width: 90% !important; }

.u-wid91 {
  width: 91px !important; }

.u-widp91 {
  width: 91% !important; }

.u-wid92 {
  width: 92px !important; }

.u-widp92 {
  width: 92% !important; }

.u-wid93 {
  width: 93px !important; }

.u-widp93 {
  width: 93% !important; }

.u-wid94 {
  width: 94px !important; }

.u-widp94 {
  width: 94% !important; }

.u-wid95 {
  width: 95px !important; }

.u-widp95 {
  width: 95% !important; }

.u-wid96 {
  width: 96px !important; }

.u-widp96 {
  width: 96% !important; }

.u-wid97 {
  width: 97px !important; }

.u-widp97 {
  width: 97% !important; }

.u-wid98 {
  width: 98px !important; }

.u-widp98 {
  width: 98% !important; }

.u-wid99 {
  width: 99px !important; }

.u-widp99 {
  width: 99% !important; }

.u-wid100 {
  width: 100px !important; }

.u-widp100 {
  width: 100% !important; }

.u-wid--quarter {
  width: 25% !important; }

.u-wid--thirds {
  width: 33.33% !important; }

.u-wid--half {
  width: 50% !important; }

.u-wid--full {
  width: 100% !important; }

.u-mt0 {
  margin-top: 0px !important; }

.u-mb0 {
  margin-bottom: 0px !important; }

.u-pt0 {
  padding-top: 0px !important; }

.u-pb0 {
  padding-bottom: 0px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-mt30 {
  margin-top: 30px !important; }

.u-mb30 {
  margin-bottom: 30px !important; }

.u-pt30 {
  padding-top: 30px !important; }

.u-pb30 {
  padding-bottom: 30px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-mt50 {
  margin-top: 50px !important; }

.u-mb50 {
  margin-bottom: 50px !important; }

.u-pt50 {
  padding-top: 50px !important; }

.u-pb50 {
  padding-bottom: 50px !important; }

.u-mt60 {
  margin-top: 60px !important; }

.u-mb60 {
  margin-bottom: 60px !important; }

.u-pt60 {
  padding-top: 60px !important; }

.u-pb60 {
  padding-bottom: 60px !important; }

.u-mt70 {
  margin-top: 70px !important; }

.u-mb70 {
  margin-bottom: 70px !important; }

.u-pt70 {
  padding-top: 70px !important; }

.u-pb70 {
  padding-bottom: 70px !important; }

.u-mt80 {
  margin-top: 80px !important; }

.u-mb80 {
  margin-bottom: 80px !important; }

.u-pt80 {
  padding-top: 80px !important; }

.u-pb80 {
  padding-bottom: 80px !important; }

.u-mt90 {
  margin-top: 90px !important; }

.u-mb90 {
  margin-bottom: 90px !important; }

.u-pt90 {
  padding-top: 90px !important; }

.u-pb90 {
  padding-bottom: 90px !important; }

.u-mt100 {
  margin-top: 100px !important; }

.u-mb100 {
  margin-bottom: 100px !important; }

.u-pt100 {
  padding-top: 100px !important; }

.u-pb100 {
  padding-bottom: 100px !important; }

/* --------------------------------------------

layout

-------------------------------------------- */
/* ===================================

    header

=================================== */
.top .l-header {
  background: transparent;
  border-bottom: none; }

.js-scroll .top .l-header {
  background: rgba(0, 0, 0, 0.6);
  border: none; }

.top .l-header .menu-navigation li {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }

.top .l-header .menu-navigation a {
  color: #fff; }

.l-header {
  width: 100%;
  min-width: 1280px;
  padding: 15px 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: fixed;
  z-index: 10;
  transition: background 0.3s, border 0.3s; }

.l-header .inner {
  min-width: 1280px;
  max-width: 1500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.l-header .logo {
  display: block;
  width: 180px;
  height: 48px;
  margin-right: 30px; }

.l-header .logo a {
  display: block;
  opacity: 1;
  transition: 0.3s; }

.l-header .logo a:hover {
  opacity: 0.7; }

.l-header .logo img {
  width: 100%;
  max-height: 100%; }

.l-header .menu {
  display: none; }

.l-header .menu-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 210px); }

.l-header .menu-navigation .logo {
  display: none; }

.l-header .menu-navigation ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.l-header .menu-navigation li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 25px;
  font-size: 0.9375rem;
  border-bottom: 2px solid transparent; }

.l-header .menu-navigation li.home {
  display: none; }

.l-header .menu-navigation li.current a {
  border-bottom: 2px solid #333; }

.l-header .menu-navigation li br {
  display: none; }

.l-header .menu-navigation li a {
  display: block;
  padding: 5px 0;
  color: #3e3a39; }

.l-header .menu-navigation li span {
  display: inline-block; }

.l-header .menu-navigation a {
  opacity: 1;
  transition: opacity 0.3s;
  color: #fff; }

.l-header .menu-navigation a:hover {
  opacity: 0.7; }

.l-header .menu-navigation .download {
  display: inline-block; }

.l-header .menu-navigation .inquiry {
  display: inline-block;
  margin-left: 10px; }

.l-header .menu-navigation .download a,
.l-header .menu-navigation .inquiry a {
  display: block;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 0.875rem;
  color: #fff;
  white-space: nowrap; }

.l-header .menu-navigation .download a:after,
.l-header .menu-navigation .inquiry a:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle; }

.l-header .menu-navigation .download a {
  background: #ff6600; }

.l-header .menu-navigation .download a:after {
  width: 17px;
  height: 15px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/icon_download.svg") no-repeat 0 0/contain; }

.l-header .menu-navigation .inquiry a {
  background: #1a275b; }

.l-header .menu-navigation .inquiry a:after {
  width: 17px;
  height: 4px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button03.svg") no-repeat 0 50%/contain; }

/* ===================================

    footer

=================================== */
.l-footer {
  padding: 15px 0;
  background: #313131;
  color: #fff;
  text-align: center; }

.l-footer .copyright {
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 1.5; }

.pagetop {
  display: block;
  width: 60px;
  height: 60px;
  background: #666 url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_pagetop.svg") no-repeat center center;
  position: fixed;
  right: 0;
  bottom: 0; }

/* --------------------------------------------

contents

-------------------------------------------- */
.l-section {
  padding: 60px 0 140px; }

.inner {
  max-width: 1060px;
  min-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }

.l-breadclumb {
  padding-top: 100px; }

.l-breadclumb ul {
  display: -ms-flexbox;
  display: flex; }

.l-breadclumb li {
  color: #b4b4b4;
  padding-top: 2px;
  font-size: 0.875rem; }

.l-breadclumb li:not(:last-child) {
  padding-top: 0;
  margin-right: 15px;
  padding-right: 20px;
  position: relative; }

.l-breadclumb li:not(:last-child):after {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_border01.svg") no-repeat 0 0/contain;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 2px; }

.l-breadclumb a {
  display: block;
  padding: 2px 0 4px;
  border-bottom: 1px solid #b4b4b4;
  color: #b4b4b4; }

.l-breadclumb a:hover {
  border-bottom: 1px solid transparent; }

.l-conversion .conversion-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto; }

.l-conversion .conversion-list .conversion-item {
  width: 50%;
  padding: 48px 30px 50px;
  background: #1a275b;
  color: #fff; }

.l-conversion .conversion-list .conversion-item.download {
  background: #00aaeb; }

.l-conversion .conversion-list .conversion-item.download .download-wrap {
  width: 100%;
  max-width: 575px;
  margin: auto;
  padding-left: 225px;
  position: relative; }

.l-conversion .conversion-list .conversion-item.download .download-wrap:before {
  content: "";
  display: block;
  width: 120px;
  height: 169px;
  margin: auto;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/saibu_dl_pdf.png") no-repeat 0 0/contain;
  border: 1px solid #ddd;
  position: absolute;
  left: 50px;
  top: 10px;
  bottom: 0; }

.l-conversion .conversion-list .conversion-item.download .download-wrap .download-button {
  margin-left: 0; }

.l-conversion .conversion-list .conversion-item.contact {
  text-align: center; }

.l-conversion .conversion-list .conversion-item .title {
  margin-bottom: 32px;
  font-size: 1.875rem;
  font-weight: 400;
  text-align: center; }

.l-conversion .conversion-list .conversion-item p {
  margin-bottom: 25px;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: #fff; }

.l-conversion .conversion-list .download-button,
.l-conversion .conversion-list .contact-button {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 13px 5px 13px 20px;
  color: #1a275b;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  background: #fff;
  border-radius: 100px;
  transition: 0.3s; }

.l-conversion .conversion-list .download-button:after,
.l-conversion .conversion-list .contact-button:after {
  content: "";
  display: inline-block;
  width: 29px;
  height: 1em;
  margin-left: 15px;
  vertical-align: middle;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 0 40%/contain; }

.l-conversion .conversion-list .download-button:hover,
.l-conversion .conversion-list .contact-button:hover {
  opacity: 0.7; }

.l-conversion .conversion-list .download-button {
  background: #ff6600;
  color: #fff; }

.l-conversion .conversion-list .download-button:after {
  width: 28px;
  height: 25px;
  margin-left: 15px;
  vertical-align: text-bottom;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/icon_download.svg") no-repeat 0 0/contain; }

/* ----------------------------- */
/*
/*		rpa.css
/*
/* ----------------------------- */
/* ============================= */
/*		全体スタイル
/* ============================= */
img[src$=".svg"] {
  width: 100%;
  max-height: 100%; }

div.wrap #mn_wrap {
  z-index: 5; }

.top {
  padding-top: 0; }

.top .l-section.business {
  background: #E9EEF4; }

.top .l-section.business .business-list .box {
  background: #fff; }

.top .l-section.business .business-list .box .label {
  border-color: #1a275b; }

.l-section.column {
  padding: 100px 0; }

.column-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 40px);
  margin: 0 -20px; }

.column-list .items {
  width: 50%;
  padding: 0 20px; }

.column-list .items:nth-child(n+3) {
  margin-top: 60px; }

.column-list .items > a {
  display: block;
  padding: 45px 20px 40px;
  border: 1px solid #ddd;
  position: relative;
  opacity: 1;
  transition: opacity 0.3s; }

.column-list .items > a:hover {
  opacity: 0.7; }

.column-list .items.colum01 {
  text-align: center; }

.column-list .items.colum01 a {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_colum01.jpg") no-repeat 0 0/cover; }

.column-list .items .category {
  display: block;
  width: 140px;
  margin: 0;
  padding: 13px 10px;
  background: #00aaeb;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  line-height: 1.2;
  position: absolute;
  left: 16px;
  top: -16px; }

.column-list .items .category:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #1a275b;
  border-bottom: 8px solid #1a275b;
  position: absolute;
  left: -16px;
  top: 0; }

.column-list .items .title {
  margin-bottom: 5px;
  font-size: 1.5625rem;
  font-weight: bold;
  color: #19265a;
  line-height: 1.45; }

.column-list .items .desc {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #666;
  line-height: 1.5; }

.column-list .items .link {
  font-size: 0.875rem;
  color: #19265a;
  position: absolute;
  right: 22px;
  bottom: 15px;
  padding-right: 18px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 100% 55%/14px auto;
  text-decoration: underline;
  color: #1a275b; }

.column-list .items .link:hover {
  opacity: 1; }

.l-section.interview {
  padding: 20px 0; }

.interview > .header {
  overflow: hidden;
  position: relative;
  z-index: 2; }

.interview > .header:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2; }

.interview > .header > a {
  display: block;
  opacity: 1;
  transition: opacity 0.3s; }

.interview > .header > a:hover {
  opacity: 0.75; }

.interview > .header .bg {
  height: 680px;
  margin-top: -25px;
  background-size: cover;
  background-position: 50% 0%; }

.interview > .header .bg.bg1909 {
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_interview1909.jpg"); }

.interview > .header .bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }

.interview > .header .bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_gradation02.png?01") repeat-x 0 100%/auto 70%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2; }

.interview > .header .bg.center:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_gradation.png?01") repeat 0 0/contain; }

.interview > .header .bg.center .inner {
  -ms-flex-pack: center;
  justify-content: center; }

.interview > .header .bg.center .title {
  text-align: left; }

.interview > .header .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 630px;
  padding-top: 65px;
  padding-bottom: 40px;
  position: relative;
  top: 30px;
  z-index: 3; }

.interview > .header .outline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 5px;
  font-size: 1.125rem;
  line-height: 1;
  overflow: hidden; }

.interview > .header .outline .label {
  border: 1px solid #fff;
  padding: 12px 25px;
  background: #fff;
  color: #1a275b;
  border-radius: 30px 0 0 30px; }

.interview > .header .outline .desc {
  border: 1px solid #fff;
  padding: 12px 25px 12px 17px;
  color: #fff;
  border-radius: 0 30px 30px 0; }

.interview > .header .title {
  font-size: 2.375rem;
  font-weight: bold;
  line-height: 1.6;
  color: #fff; }

.interview > .header .title strong {
  font-size: 3.75rem;
  line-height: 1.2; }

.interview > .header .link {
  display: inline-block;
  width: 14.2em;
  margin-top: 20px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  padding-right: 36px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button03.svg") no-repeat 100% 58%/30px auto; }

.interview > .header .bg {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity 1.5s, transform 1.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.interview > .header .outline {
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: opacity 2.5s 1.0s, transform 1s 1.0s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.interview > .header .title,
.interview > .header .link {
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: opacity 2.5s 1.4s, transform 1.4s 1.35s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.js-loaded .interview > .header .bg {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.js-loaded .interview > .header .outline {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.js-loaded .interview > .header .title,
.js-loaded .interview > .header .link {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.interview > .body {
  padding: 60px 0 130px;
  font-size: 1rem;
  line-height: 1.875;
  position: relative; }

.interview > .body .scroll-button {
  display: block;
  width: 61px;
  height: 62px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: -26px;
  z-index: 2;
  transition: opacity 0.3s; }

.interview > .body .scroll-button:hover {
  opacity: 0.7; }

.interview > .body .inner {
  height: 900px;
  overflow: hidden;
  position: relative;
  transition: 1s; }

.interview > .body .inner:after {
  content: "";
  display: block;
  width: 100%;
  height: 170px;
  background: white;
  background: linear-gradient(0deg, white 0%, white 40%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s; }

.js-article-open .interview > .body .inner:after {
  opacity: 0;
  visibility: hidden; }

.interview > .body .outline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 15px;
  font-size: 1.125rem;
  line-height: 1;
  overflow: hidden; }

.interview > .body .outline .label {
  border: 1px solid #333;
  padding: 12px 25px;
  background: #333;
  color: #fff;
  border-radius: 30px 0 0 30px; }

.interview > .body .outline .desc {
  border: 1px solid #333;
  padding: 12px 25px 12px 17px;
  color: #333;
  border-radius: 0 30px 30px 0; }

.interview > .body .title {
  margin-bottom: 1.5em;
  font-size: 2.375rem;
  font-weight: bold;
  line-height: 1.6;
  color: #333; }

.interview > .body .title strong {
  font-size: 3.75rem;
  line-height: 1.2; }

.interview > .body .lead {
  font-size: 1.125rem; }

.interview > .body .lead + .c-head-interview-lv01 {
  margin-top: 35px; }

.interview > .body .speaker {
  width: calc(100% - 60px);
  margin: 65px auto 70px;
  padding: 0 0 25px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center; }

.interview > .body .speaker .head {
  display: inline-block;
  padding: 0 20px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  position: relative;
  top: -1em; }

.interview > .body .speaker .body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  width: calc(100% + 30px);
  margin: 0 -15px;
  font-size: 0.875rem; }

.interview > .body .speaker .body .name {
  margin-bottom: 3px;
  font-size: 1rem; }

.interview > .body .speaker .speaker-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 33.33%;
  padding: 0 15px;
  line-height: 1.5; }

.interview > .body .speaker .speaker-item figure {
  width: 75px;
  margin-right: 20px; }

.interview > .body .speaker .speaker-item .detail {
  -ms-flex: 1;
  flex: 1; }

.interview > .body .q {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 700; }

.interview > .body .a {
  margin-bottom: 14px; }

.interview > .body .a + .q {
  margin-top: 30px; }

.interview > .body .name {
  font-weight: bold;
  margin-right: 1em; }

.under .interview > .header {
  width: 1000px;
  margin: auto; }

.under .interview > .header .bg {
  width: 1000px;
  height: 350px;
  margin: auto; }

.under .interview > .header .inner {
  height: 350px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.under .interview > .header .inner .interview-head {
  font-size: 1.875rem;
  font-weight: 500;
  color: #fff; }

.under .interview .body .inner {
  height: auto;
  overflow: visible; }

.under .interview .body .inner:after {
  display: none; }

.l-section.business .business-list {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 30px);
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px; }

.l-section.business .business-list .business-item {
  width: 33.33%;
  padding: 0 15px; }

.l-section.business .business-list .title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 500;
  color: #1a275b; }

.l-section.business .business-list .title img {
  display: inline-block;
  width: auto;
  height: 40px;
  margin-right: 18px;
  vertical-align: text-bottom; }

.l-section.business .business-list .box {
  margin-top: 20px;
  padding: 25px 40px;
  background: #f0f3f7;
  border-radius: 8px; }

.l-section.business .business-list .box .label {
  margin: 0 auto 20px;
  font-size: 1rem;
  font-weight: 600;
  color: #1a275b;
  text-align: center;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #1a275b;
  border-radius: 2px; }

.l-section.business .business-list .box ul:not(:last-child) {
  margin-bottom: 40px; }

.l-section.business .business-list .box ul li {
  font-size: 1rem; }

.l-section.business .business-list .box ul li:not(:last-child) {
  margin-bottom: 15px; }

.l-section.business .business-list .box ul a {
  display: inline-block;
  padding-left: 15px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_link01.svg") no-repeat 99% 50%/15px 15px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 0 55%/10px auto;
  text-decoration: underline;
  color: #1a275b;
  opacity: 1;
  transition: 0.3s; }

.l-section.business .business-list .box ul a:hover {
  opacity: 0.7;
  text-decoration: none; }

.l-section.detail .desc {
  margin: 1.5em auto 1.25em;
  font-size: 1.25rem;
  line-height: 1.85; }

.l-section.detail .desc p {
  margin: 1em auto 1.25em; }

.l-section.detail figure {
  margin: 80px auto 45px;
  text-align: center; }

.l-section.detail .video {
  margin: 70px auto 60px;
  width: 80%;
  padding-top: 45%;
  position: relative; }

.l-section.detail .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.l-section.detail .video + .video-caption {
  width: 80%;
  margin: -50px auto 60px;
  text-align: right;
  font-size: 0.75rem; }

.l-section.detail .box {
  padding: 20px 30px;
  border-radius: 10px;
  background: #fff; }

.l-section.detail .company-logo {
  margin-top: 70px; }

.l-section.detail.kanjo .c-head-detail .category {
  border-color: #af1980;
  color: #af1980; }

.l-section.detail.kanjo .box {
  background: #ffefef; }

.l-section.detail.kyuyo .c-head-detail .category {
  border-color: #0068b7;
  color: #0068b7; }

.l-section.detail.kyuyo .box {
  background: #eff3f7; }

.l-section.detail.akinai .c-head-detail .category {
  border-color: #009944;
  color: #009944; }

.l-section.detail.akinai .box {
  background: #ddf1e6; }

.business-link {
  background: #f0f3f7; }

.business-link .inner > .title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 500;
  color: #1a275b; }

.business-link .inner > .title img {
  display: inline-block;
  width: auto;
  height: 40px;
  margin-right: 18px;
  vertical-align: text-bottom; }

.business-link .business-link-list {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 30px);
  margin: 0 -15px; }

.business-link .business-link-list .item {
  width: 50%;
  padding: 0 15px; }

.business-link .business-link-list .box {
  margin-top: 20px;
  padding: 25px 40px;
  background: #fff;
  border-radius: 15px; }

.business-link .business-link-list .box .label {
  margin: 0 auto 20px;
  font-size: 1rem;
  font-weight: 600;
  color: #1a275b;
  text-align: center;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #1a275b;
  border-radius: 2px; }

.business-link .business-link-list .box ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 -15px; }

.business-link .business-link-list .box ul:not(:last-child) {
  margin-bottom: 40px; }

.business-link .business-link-list .box ul li {
  width: 50%;
  padding: 0 15px;
  font-size: 1rem; }

.business-link .business-link-list .box ul li:not(:last-child) {
  margin-bottom: 15px; }

.business-link .business-link-list .box ul a {
  display: block;
  padding-left: 15px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_link01.svg") no-repeat 99% 50%/15px 15px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 0 55%/10px auto;
  text-decoration: underline;
  color: #1a275b;
  opacity: 1;
  transition: 0.3s; }

.business-link .business-link-list .box ul a:hover {
  text-decoration: none;
  opacity: 0.7; }

.automation-link {
  background: #f0f3f7; }

.automation-link .inner > .title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 500; }

.automation-list {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 30px);
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px; }

.automation-list + .c-button {
  margin-top: 100px; }

.automation-list .automation-item {
  width: 33.33%;
  padding: 0 15px; }

.automation-list .automation-item:nth-child(n+4) {
  margin-top: 50px; }

.automation-list a:hover figure:before {
  background: rgba(0, 0, 0, 0.6); }

.automation-list a:hover figure:after {
  color: #fff; }

.automation-list a:hover figure img {
  transform: scale(1.1, 1.1); }

.automation-list figure {
  margin-bottom: 15px;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden; }

.automation-list figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
  z-index: 1; }

.automation-list figure:after {
  content: "詳細はこちら";
  display: block;
  width: 8em;
  height: 1em;
  margin: auto;
  color: transparent;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.5s;
  z-index: 2; }

.automation-list figure img {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1); }

.automation-list .category {
  margin-bottom: 10px; }

.automation-list .category li {
  display: inline-block;
  min-width: 4em;
  padding: 4px 10px;
  text-align: center;
  font-size: 0.875rem;
  color: #000;
  border: 1px solid #000;
  border-radius: 20px; }

.automation-list .category li.kanjo {
  border-color: #af1980;
  color: #af1980; }

.automation-list .category li.kyuyo {
  border-color: #0068b7;
  color: #0068b7; }

.automation-list .category li.akinai {
  border-color: #009944;
  color: #009944; }

.automation-list .title {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4; }

.automation-list .title .category {
  display: inline-block;
  min-width: 4em;
  padding: 4px 10px;
  line-height: 1;
  text-align: center;
  font-size: 0.875rem;
  color: #000;
  border: 1px solid #000;
  border-radius: 20px; }

.automation-list .title .category.kanjo {
  border-color: #af1980;
  color: #af1980; }

.automation-list .title .category.kyuyo {
  border-color: #0068b7;
  color: #0068b7; }

.automation-list .title .category.akinai {
  border-color: #009944;
  color: #009944; }

.automation-list .desc {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.85; }

.checklist li {
  padding-left: 40px;
  font-size: 1rem;
  line-height: 1.65;
  position: relative; }

.checklist li:before {
  content: "";
  display: block;
  width: 25px;
  height: 20px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/icon_check.svg?Aa") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 3px; }

.checklist li:not(:last-child) {
  margin-bottom: 12px; }

.partner-list {
  margin-top: 80px; }

.partner-list .item:nth-child(n+2) {
  margin-top: 75px; }

.partner-list .item .top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.partner-list .item .top .figure,
.partner-list .item .top figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 300px;
  margin: 0 30px 0 0;
  border: 2px solid #f0f4f8;
  position: relative; }

.partner-list .item .top .detail {
  -ms-flex: 1;
  flex: 1; }

.partner-list .item .top .detail .name {
  margin-top: -7px;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1a275b; }

.partner-list .item .top .detail .lead {
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5; }

.partner-list .item .top .detail .desc {
  display: block;
  margin: 20px 0 0;
  padding: 12px 20px;
  background: #f0f4f8;
  font-size: 1rem; }

.partner-list .item .top .detail .desc strong {
  font-weight: bold; }

.partner-list .item .bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.partner-list .item .bottom .information {
  font-size: 0.75rem;
  font-weight: 400;
  color: #333;
  line-height: 1.5; }

.partner-list .item .bottom .information > *:nth-child(n+2) {
  margin-top: 10px; }

.partner-list .item .bottom .information .address {
  padding: 3px 0 3px 25px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/partner/icon_address.svg") no-repeat 0 2px/15px 22px; }

.partner-list .item .bottom .information .tel {
  padding: 3px 0 3px 25px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/partner/icon_tel.svg") no-repeat 0 2px/18px 19px; }

.partner-list .item .bottom .c-button {
  max-width: 280px;
  margin-right: 0;
  padding: 10px 20px;
  font-size: 1rem; }

/* 飯島さん追記スタイル調整 */
.business__detail__process {
  margin-top: 70px; }

.business__detail__process .process__detail:first-child .process__detail__fig {
  position: relative; }

.business__detail__process .process__detail:first-child .process__detail__fig:after {
  content: "";
  display: block;
  width: 32px;
  height: 83px;
  margin: auto;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/business/arrow.png") no-repeat 0 0/contain;
  position: absolute;
  right: -70px;
  top: 0;
  bottom: 0; }

.business__detail__process .process__detail + p {
  opacity: 0; }

.process__detail__text-be,
.process__detail__text-af {
  padding: 20px 25px;
  border-radius: 10px;
  background: #f0f3f7; }

.process__detail__text-be li,
.process__detail__text-af li {
  padding-left: 30px;
  font-size: 0.875rem;
  line-height: 1.65;
  position: relative; }

.process__detail__text-be li:before,
.process__detail__text-af li:before {
  content: "";
  display: block;
  width: 20px;
  height: 16px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/icon_check.svg?Aa") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 3px; }

.process__detail__text-be li:not(:last-child),
.process__detail__text-af li:not(:last-child) {
  margin-bottom: 12px; }

@media screen and (max-width: 768px){
  .c-head-interview-lv01:first-child, .c-head-detail:first-child, .c-head-border:first-child, .under .interview > .header .inner .interview-head:first-child, .l-section.detail :first-child, .business-link :first-child, .automation-link :first-child{
    margin-top: 0; }
  .c-head-interview-lv01:last-child, .c-head-detail:last-child, .c-head-border:last-child, .under .interview > .header .inner .interview-head:last-child, .l-section.detail :last-child, .business-link :last-child, .automation-link :last-child{
    margin-bottom: 0; }
  .c-head-interview-lv01{
    margin: 50px 0 15px;
    font-size: 18px;
    font-size: 1.28571rem; }
  .c-head-detail{
    margin: 30px auto 20px;
    font-size: 22px;
    font-size: 1.57143rem; }
  .c-head-detail .category{
    padding: 5px 8px;
    font-size: 12px;
    font-size: 0.85714rem; }
  .c-head-border{
    margin: 40px auto 20px;
    padding-bottom: 12px;
    font-size: 20px;
    font-size: 1.42857rem; }
  .c-head-border + .desc{
    margin: 20px auto 60px;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.85; }
  .c-button{
    padding: 16px 20px 15px;
    max-width: 350px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.2; }
  .c-button:after{
    width: 20px;
    height: 1em;
    margin-left: 10px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 0 30%/contain; }
  .c-button.article{
    width: 90%; }
  .c-button.article:after{
    width: 4px;
    height: 1em;
    margin: 0 10px;
    vertical-align: middle; }
  .js-article-open .c-button.article{
    margin-top: 50px; }
  .c-figure--right figcaption, .c-figure--left figcaption{
    margin-top: 5px;
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 1.75; }
  .c-figure--right figure{
    float: none;
    margin: 0 auto 12px; }
  .c-figure--left figure{
    float: none;
    margin: 0 auto 12px; }
  .u-only--lg, .u-only-inline--lg{
    display: none !important; }
  .u-only--sm{
    display: block !important; }
  .u-only-inline--sm{
    display: inline-block !important; }
  .u-fontsize--tiny--sm{
    font-size: 82% !important; }
  .u-fontsize--small--sm{
    font-size: 93% !important; }
  .u-fontsize--large--sm{
    font-size: 107% !important; }
  .u-fontsize--huge--sm{
    font-size: 113% !important; }
  .u-align--center--sm{
    text-align: center !important; }
  .u-align--left--sm{
    text-align: left !important; }
  .u-align--right--sm{
    text-align: right !important; }
  .u-valign--baseline--sm{
    vertical-align: baseline !important; }
  .u-valign--top--sm{
    vertical-align: top !important; }
  .u-valign--middle--sm{
    vertical-align: middle !important; }
  .u-valign--bottom--sm{
    vertical-align: bottom !important; }
  .u-valign--text--sm-bottom{
    vertical-align: text-bottom !important; }
  .u-valign--text--sm-top{
    vertical-align: text-top !important; }
  .u-display--none--sm{
    display: none !important; }
  .u-display--inline--sm{
    display: inline !important; }
  .u-display--inline--sm-block{
    display: inline-block !important; }
  .u-display--block--sm{
    display: block !important; }
  .u-display--table--sm{
    display: table !important; }
  .u-display--table--sm-cell{
    display: table-cell !important; }
  .u-display--flex--sm{
    display: -ms-flexbox !important;
    display: flex !important; }
  .u-display--inline--sm-flex{
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .u-float--left--sm{
    float: left !important; }
  .u-float--right--sm{
    float: right !important; }
  .u-float--none--sm{
    float: none !important; }
  .u-position--relative--sm{
    position: relative !important; }
  .u-position--absolute--sm{
    position: absolute !important; }
  .u-position--static--sm{
    position: static !important; }
  .u-row--tt{
    margin-top: 10px; }
  .u-row--tb{
    margin-bottom: 10px; }
  .u-row--st{
    margin-top: 20px; }
  .u-row--sb{
    margin-bottom: 20px; }
  .u-row--mt{
    margin-top: 30px; }
  .u-row--mb{
    margin-bottom: 30px; }
  .u-row--lt{
    margin-top: 40px; }
  .u-row--lb{
    margin-bottom: 40px; }
  .u-row--ht{
    margin-top: 50px; }
  .u-row--hb{
    margin-bottom: 50px; }
  .u-row--tt--sm{
    margin-top: 15px; }
  .u-row--tb--sm{
    margin-bottom: 15px; }
  .u-row--st--sm{
    margin-top: 20px; }
  .u-row--sb--sm{
    margin-bottom: 20px; }
  .u-row--mt--sm{
    margin-top: 40px; }
  .u-row--mb--sm{
    margin-bottom: 40px; }
  .u-row--lt--sm{
    margin-top: 50px; }
  .u-row--lb--sm{
    margin-bottom: 50px; }
  .u-row--ht--sm{
    margin-top: 60px; }
  .u-row--hb--sm{
    margin-bottom: 60px; }
  .u--wid--sm0{
    width: 0px !important; }
  .u--widp--sm0{
    width: 0% !important; }
  .u--wid--sm1{
    width: 1px !important; }
  .u--widp--sm1{
    width: 1% !important; }
  .u--wid--sm2{
    width: 2px !important; }
  .u--widp--sm2{
    width: 2% !important; }
  .u--wid--sm3{
    width: 3px !important; }
  .u--widp--sm3{
    width: 3% !important; }
  .u--wid--sm4{
    width: 4px !important; }
  .u--widp--sm4{
    width: 4% !important; }
  .u--wid--sm5{
    width: 5px !important; }
  .u--widp--sm5{
    width: 5% !important; }
  .u--wid--sm6{
    width: 6px !important; }
  .u--widp--sm6{
    width: 6% !important; }
  .u--wid--sm7{
    width: 7px !important; }
  .u--widp--sm7{
    width: 7% !important; }
  .u--wid--sm8{
    width: 8px !important; }
  .u--widp--sm8{
    width: 8% !important; }
  .u--wid--sm9{
    width: 9px !important; }
  .u--widp--sm9{
    width: 9% !important; }
  .u--wid--sm10{
    width: 10px !important; }
  .u--widp--sm10{
    width: 10% !important; }
  .u--wid--sm11{
    width: 11px !important; }
  .u--widp--sm11{
    width: 11% !important; }
  .u--wid--sm12{
    width: 12px !important; }
  .u--widp--sm12{
    width: 12% !important; }
  .u--wid--sm13{
    width: 13px !important; }
  .u--widp--sm13{
    width: 13% !important; }
  .u--wid--sm14{
    width: 14px !important; }
  .u--widp--sm14{
    width: 14% !important; }
  .u--wid--sm15{
    width: 15px !important; }
  .u--widp--sm15{
    width: 15% !important; }
  .u--wid--sm16{
    width: 16px !important; }
  .u--widp--sm16{
    width: 16% !important; }
  .u--wid--sm17{
    width: 17px !important; }
  .u--widp--sm17{
    width: 17% !important; }
  .u--wid--sm18{
    width: 18px !important; }
  .u--widp--sm18{
    width: 18% !important; }
  .u--wid--sm19{
    width: 19px !important; }
  .u--widp--sm19{
    width: 19% !important; }
  .u--wid--sm20{
    width: 20px !important; }
  .u--widp--sm20{
    width: 20% !important; }
  .u--wid--sm21{
    width: 21px !important; }
  .u--widp--sm21{
    width: 21% !important; }
  .u--wid--sm22{
    width: 22px !important; }
  .u--widp--sm22{
    width: 22% !important; }
  .u--wid--sm23{
    width: 23px !important; }
  .u--widp--sm23{
    width: 23% !important; }
  .u--wid--sm24{
    width: 24px !important; }
  .u--widp--sm24{
    width: 24% !important; }
  .u--wid--sm25{
    width: 25px !important; }
  .u--widp--sm25{
    width: 25% !important; }
  .u--wid--sm26{
    width: 26px !important; }
  .u--widp--sm26{
    width: 26% !important; }
  .u--wid--sm27{
    width: 27px !important; }
  .u--widp--sm27{
    width: 27% !important; }
  .u--wid--sm28{
    width: 28px !important; }
  .u--widp--sm28{
    width: 28% !important; }
  .u--wid--sm29{
    width: 29px !important; }
  .u--widp--sm29{
    width: 29% !important; }
  .u--wid--sm30{
    width: 30px !important; }
  .u--widp--sm30{
    width: 30% !important; }
  .u--wid--sm31{
    width: 31px !important; }
  .u--widp--sm31{
    width: 31% !important; }
  .u--wid--sm32{
    width: 32px !important; }
  .u--widp--sm32{
    width: 32% !important; }
  .u--wid--sm33{
    width: 33px !important; }
  .u--widp--sm33{
    width: 33% !important; }
  .u--wid--sm34{
    width: 34px !important; }
  .u--widp--sm34{
    width: 34% !important; }
  .u--wid--sm35{
    width: 35px !important; }
  .u--widp--sm35{
    width: 35% !important; }
  .u--wid--sm36{
    width: 36px !important; }
  .u--widp--sm36{
    width: 36% !important; }
  .u--wid--sm37{
    width: 37px !important; }
  .u--widp--sm37{
    width: 37% !important; }
  .u--wid--sm38{
    width: 38px !important; }
  .u--widp--sm38{
    width: 38% !important; }
  .u--wid--sm39{
    width: 39px !important; }
  .u--widp--sm39{
    width: 39% !important; }
  .u--wid--sm40{
    width: 40px !important; }
  .u--widp--sm40{
    width: 40% !important; }
  .u--wid--sm41{
    width: 41px !important; }
  .u--widp--sm41{
    width: 41% !important; }
  .u--wid--sm42{
    width: 42px !important; }
  .u--widp--sm42{
    width: 42% !important; }
  .u--wid--sm43{
    width: 43px !important; }
  .u--widp--sm43{
    width: 43% !important; }
  .u--wid--sm44{
    width: 44px !important; }
  .u--widp--sm44{
    width: 44% !important; }
  .u--wid--sm45{
    width: 45px !important; }
  .u--widp--sm45{
    width: 45% !important; }
  .u--wid--sm46{
    width: 46px !important; }
  .u--widp--sm46{
    width: 46% !important; }
  .u--wid--sm47{
    width: 47px !important; }
  .u--widp--sm47{
    width: 47% !important; }
  .u--wid--sm48{
    width: 48px !important; }
  .u--widp--sm48{
    width: 48% !important; }
  .u--wid--sm49{
    width: 49px !important; }
  .u--widp--sm49{
    width: 49% !important; }
  .u--wid--sm50{
    width: 50px !important; }
  .u--widp--sm50{
    width: 50% !important; }
  .u--wid--sm51{
    width: 51px !important; }
  .u--widp--sm51{
    width: 51% !important; }
  .u--wid--sm52{
    width: 52px !important; }
  .u--widp--sm52{
    width: 52% !important; }
  .u--wid--sm53{
    width: 53px !important; }
  .u--widp--sm53{
    width: 53% !important; }
  .u--wid--sm54{
    width: 54px !important; }
  .u--widp--sm54{
    width: 54% !important; }
  .u--wid--sm55{
    width: 55px !important; }
  .u--widp--sm55{
    width: 55% !important; }
  .u--wid--sm56{
    width: 56px !important; }
  .u--widp--sm56{
    width: 56% !important; }
  .u--wid--sm57{
    width: 57px !important; }
  .u--widp--sm57{
    width: 57% !important; }
  .u--wid--sm58{
    width: 58px !important; }
  .u--widp--sm58{
    width: 58% !important; }
  .u--wid--sm59{
    width: 59px !important; }
  .u--widp--sm59{
    width: 59% !important; }
  .u--wid--sm60{
    width: 60px !important; }
  .u--widp--sm60{
    width: 60% !important; }
  .u--wid--sm61{
    width: 61px !important; }
  .u--widp--sm61{
    width: 61% !important; }
  .u--wid--sm62{
    width: 62px !important; }
  .u--widp--sm62{
    width: 62% !important; }
  .u--wid--sm63{
    width: 63px !important; }
  .u--widp--sm63{
    width: 63% !important; }
  .u--wid--sm64{
    width: 64px !important; }
  .u--widp--sm64{
    width: 64% !important; }
  .u--wid--sm65{
    width: 65px !important; }
  .u--widp--sm65{
    width: 65% !important; }
  .u--wid--sm66{
    width: 66px !important; }
  .u--widp--sm66{
    width: 66% !important; }
  .u--wid--sm67{
    width: 67px !important; }
  .u--widp--sm67{
    width: 67% !important; }
  .u--wid--sm68{
    width: 68px !important; }
  .u--widp--sm68{
    width: 68% !important; }
  .u--wid--sm69{
    width: 69px !important; }
  .u--widp--sm69{
    width: 69% !important; }
  .u--wid--sm70{
    width: 70px !important; }
  .u--widp--sm70{
    width: 70% !important; }
  .u--wid--sm71{
    width: 71px !important; }
  .u--widp--sm71{
    width: 71% !important; }
  .u--wid--sm72{
    width: 72px !important; }
  .u--widp--sm72{
    width: 72% !important; }
  .u--wid--sm73{
    width: 73px !important; }
  .u--widp--sm73{
    width: 73% !important; }
  .u--wid--sm74{
    width: 74px !important; }
  .u--widp--sm74{
    width: 74% !important; }
  .u--wid--sm75{
    width: 75px !important; }
  .u--widp--sm75{
    width: 75% !important; }
  .u--wid--sm76{
    width: 76px !important; }
  .u--widp--sm76{
    width: 76% !important; }
  .u--wid--sm77{
    width: 77px !important; }
  .u--widp--sm77{
    width: 77% !important; }
  .u--wid--sm78{
    width: 78px !important; }
  .u--widp--sm78{
    width: 78% !important; }
  .u--wid--sm79{
    width: 79px !important; }
  .u--widp--sm79{
    width: 79% !important; }
  .u--wid--sm80{
    width: 80px !important; }
  .u--widp--sm80{
    width: 80% !important; }
  .u--wid--sm81{
    width: 81px !important; }
  .u--widp--sm81{
    width: 81% !important; }
  .u--wid--sm82{
    width: 82px !important; }
  .u--widp--sm82{
    width: 82% !important; }
  .u--wid--sm83{
    width: 83px !important; }
  .u--widp--sm83{
    width: 83% !important; }
  .u--wid--sm84{
    width: 84px !important; }
  .u--widp--sm84{
    width: 84% !important; }
  .u--wid--sm85{
    width: 85px !important; }
  .u--widp--sm85{
    width: 85% !important; }
  .u--wid--sm86{
    width: 86px !important; }
  .u--widp--sm86{
    width: 86% !important; }
  .u--wid--sm87{
    width: 87px !important; }
  .u--widp--sm87{
    width: 87% !important; }
  .u--wid--sm88{
    width: 88px !important; }
  .u--widp--sm88{
    width: 88% !important; }
  .u--wid--sm89{
    width: 89px !important; }
  .u--widp--sm89{
    width: 89% !important; }
  .u--wid--sm90{
    width: 90px !important; }
  .u--widp--sm90{
    width: 90% !important; }
  .u--wid--sm91{
    width: 91px !important; }
  .u--widp--sm91{
    width: 91% !important; }
  .u--wid--sm92{
    width: 92px !important; }
  .u--widp--sm92{
    width: 92% !important; }
  .u--wid--sm93{
    width: 93px !important; }
  .u--widp--sm93{
    width: 93% !important; }
  .u--wid--sm94{
    width: 94px !important; }
  .u--widp--sm94{
    width: 94% !important; }
  .u--wid--sm95{
    width: 95px !important; }
  .u--widp--sm95{
    width: 95% !important; }
  .u--wid--sm96{
    width: 96px !important; }
  .u--widp--sm96{
    width: 96% !important; }
  .u--wid--sm97{
    width: 97px !important; }
  .u--widp--sm97{
    width: 97% !important; }
  .u--wid--sm98{
    width: 98px !important; }
  .u--widp--sm98{
    width: 98% !important; }
  .u--wid--sm99{
    width: 99px !important; }
  .u--widp--sm99{
    width: 99% !important; }
  .u--wid--sm100{
    width: 100px !important; }
  .u--widp--sm100{
    width: 100% !important; }
  .u-wid--thirds-sm{
    width: 33.33% !important; }
  .u-wid--quarter--sm{
    width: 25% !important; }
  .u-wid--half--sm{
    width: 50% !important; }
  .u-wid--full--sm{
    width: 100% !important; }
  .u--mt--sm0{
    margin-top: 0px !important; }
  .u--mb--sm0{
    margin-bottom: 0px !important; }
  .u--pt--sm0{
    padding-top: 0px !important; }
  .u--pb--sm0{
    padding-bottom: 0px !important; }
  .u--mt--sm10{
    margin-top: 10px !important; }
  .u--mb--sm10{
    margin-bottom: 10px !important; }
  .u--pt--sm10{
    padding-top: 10px !important; }
  .u--pb--sm10{
    padding-bottom: 10px !important; }
  .u--mt--sm20{
    margin-top: 20px !important; }
  .u--mb--sm20{
    margin-bottom: 20px !important; }
  .u--pt--sm20{
    padding-top: 20px !important; }
  .u--pb--sm20{
    padding-bottom: 20px !important; }
  .u--mt--sm30{
    margin-top: 30px !important; }
  .u--mb--sm30{
    margin-bottom: 30px !important; }
  .u--pt--sm30{
    padding-top: 30px !important; }
  .u--pb--sm30{
    padding-bottom: 30px !important; }
  .u--mt--sm40{
    margin-top: 40px !important; }
  .u--mb--sm40{
    margin-bottom: 40px !important; }
  .u--pt--sm40{
    padding-top: 40px !important; }
  .u--pb--sm40{
    padding-bottom: 40px !important; }
  .u--mt--sm50{
    margin-top: 50px !important; }
  .u--mb--sm50{
    margin-bottom: 50px !important; }
  .u--pt--sm50{
    padding-top: 50px !important; }
  .u--pb--sm50{
    padding-bottom: 50px !important; }
  .u--mt--sm60{
    margin-top: 60px !important; }
  .u--mb--sm60{
    margin-bottom: 60px !important; }
  .u--pt--sm60{
    padding-top: 60px !important; }
  .u--pb--sm60{
    padding-bottom: 60px !important; }
  .u--mt--sm70{
    margin-top: 70px !important; }
  .u--mb--sm70{
    margin-bottom: 70px !important; }
  .u--pt--sm70{
    padding-top: 70px !important; }
  .u--pb--sm70{
    padding-bottom: 70px !important; }
  .u--mt--sm80{
    margin-top: 80px !important; }
  .u--mb--sm80{
    margin-bottom: 80px !important; }
  .u--pt--sm80{
    padding-top: 80px !important; }
  .u--pb--sm80{
    padding-bottom: 80px !important; }
  .u--mt--sm90{
    margin-top: 90px !important; }
  .u--mb--sm90{
    margin-bottom: 90px !important; }
  .u--pt--sm90{
    padding-top: 90px !important; }
  .u--pb--sm90{
    padding-bottom: 90px !important; }
  .u--mt--sm100{
    margin-top: 100px !important; }
  .u--mb--sm100{
    margin-bottom: 100px !important; }
  .u--pt--sm100{
    padding-top: 100px !important; }
  .u--pb--sm100{
    padding-bottom: 100px !important; }
  .js-scroll .top .l-header{
    background: none; }
  .top .l-header .menu:before, .top .l-header .menu:after{
    background: #fff; }
  .top .l-header .menu:before{
    box-shadow: 0 8px 0 #fff; }
  .js-menu-open .top .l-header .menu:before, .js-menu-open .top .l-header .menu:after{
    background: #3e3a39; }
  .top .l-header .menu-navigation li{
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6); }
  .top .l-header .menu-navigation li a{
    color: #3e3a39; }
  .l-header{
    min-width: 300px;
    padding: 15px 0;
    position: absolute;
    background: none;
    border: none; }
  .js-scroll .l-header{
    background: none;
    border: none; }
  .l-header .inner{
    display: block;
    padding: 0 30px;
    min-width: 280px; }
  .l-header .logo{
    width: 114px;
    height: 31px;
    margin-right: 0; }
  .l-header .menu{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 10; }
  .l-header .menu:before, .l-header .menu:after{
    content: "";
    display: block;
    width: 22px;
    height: 3px;
    margin: auto;
    border-radius: 5px;
    background: #3e3a39;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transition: top 0.3s, bottom 0.3s, background 0.3s, box-shadow 0.3s 0.3s, transform 0.3s; }
  .l-header .menu:before{
    box-shadow: 0 8px 0 #3e3a39;
    bottom: 16px; }
  .l-header .menu:after{
    top: 16px; }
  .js-menu-open .l-header .menu:before, .js-menu-open .l-header .menu:after{
    background: #3e3a39;
    transition: top 0.3s 0.3s, bottom 0.3s 0.3s, background 0.3s 0.3s, box-shadow 0.3s, transform 0.3s 0.3s; }
  .js-menu-open .l-header .menu:before{
    box-shadow: 20px 8px 0 transparent;
    transform: rotate(45deg);
    bottom: 0; }
  .js-menu-open .l-header .menu:after{
    transform: rotate(-45deg);
    top: 0; }
  .l-header .menu-navigation{
    opacity: 0;
    visibility: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    padding: 0;
    overflow-x: scroll;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    transition: opacity 0.3s, visibility 0.3s; }
  .js-menu-open .l-header .menu-navigation{
    opacity: 1;
    visibility: visible; }
  .l-header .menu-navigation ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 100px;
    margin-bottom: 40px; }
  .l-header .menu-navigation li{
    display: block;
    margin: 20px auto;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    font-size: 18px;
    font-size: 1.28571rem; }
  .l-header .menu-navigation li.home{
    display: block; }
  .l-header .menu-navigation li br{
    display: none; }
  .l-header .menu-navigation li a{
    color: #3e3a39; }
  .l-header .menu-navigation .inquiry{
    margin: 20px auto 40px; }
  .l-header .menu-navigation .download a,
  .l-header .menu-navigation .inquiry a{
    width: 200px;
    padding: 10px 20px;
    font-size: 18px;
    font-size: 1.28571rem;
    color: #fff; }
  .l-header .menu-navigation .download a:after{
    width: 15px;
    height: 13px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/icon_download.svg") no-repeat 0 0/contain; }
  .l-header .menu-navigation .inquiry a{
    background: #1a275b; }
  .l-header .menu-navigation .inquiry a:after{
    width: 17px;
    height: 4px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button03.svg") no-repeat 0 50%/contain; }
  .l-footer{
    padding: 20px 0; }
  .l-footer .copyright{
    font-size: 12px;
    font-size: 0.85714rem; }
  .pagetop{
    width: 40px;
    height: 40px;
    background: #666 url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_pagetop.svg") no-repeat center center/20px auto; }
  .l-section{
    padding: 40px 0 70px; }
  .inner{
    min-width: 280px;
    padding-right: 30px;
    padding-left: 30px; }
  .l-breadclumb{
    padding-top: 60px; }
  .l-breadclumb li{
    font-size: 12px;
    font-size: 0.85714rem; }
  .l-breadclumb li:not(:last-child){
    margin-right: 10px;
    padding-right: 17px; }
  .l-breadclumb li:not(:last-child):after{
    width: 6px;
    height: 9px;
    bottom: 0px; }
  .l-breadclumb a{
    padding: 2px 0 3px; }
  .l-conversion .conversion-list{
    display: block; }
  .l-conversion .conversion-list .conversion-item{
    width: 100%;
    padding: 30px 20px 35px; }
  .l-conversion .conversion-list .conversion-item.download .download-wrap{
    width: 100%;
    max-width: 430px;
    padding-left: 100px; }
  .l-conversion .conversion-list .conversion-item.download .download-wrap:before{
    width: 85px;
    height: 120px;
    left: -5px;
    top: 5px;
    bottom: 0; }
  .l-conversion .conversion-list .conversion-item.download .download-wrap .download-button{
    margin-left: 0; }
  .l-conversion .conversion-list .conversion-item .title{
    margin-bottom: 25px;
    font-size: 22px;
    font-size: 1.57143rem; }
  .l-conversion .conversion-list .conversion-item p{
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.75; }
  .l-conversion .conversion-list .download-button,
  .l-conversion .conversion-list .contact-button{
    padding: 12px 5px 12px 15px;
    font-size: 15px;
    font-size: 1.07143rem; }
  .l-conversion .conversion-list .download-button:after,
  .l-conversion .conversion-list .contact-button:after{
    width: 24px;
    height: 20px;
    margin-left: 10px; }
  .l-conversion .conversion-list .download-button:after{
    width: 24px;
    height: 20px;
    margin-left: 10px; }
  .l-section.column{
    padding: 60px 0; }
  .column-list{
    display: block;
    width: 100%;
    margin: 0 auto; }
  .column-list .items{
    width: 100%;
    padding: 0; }
  .column-list .items:nth-child(n+2), .column-list .items:nth-child(n+3){
    margin-top: 25px; }
  .column-list .items > a{
    display: block;
    padding: 25px 15px 30px; }
  .column-list .items.colum01 a{
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_colum01.jpg") no-repeat 0 0/cover; }
  .column-list .items .category{
    display: block;
    width: 100px;
    padding: 8px 8px;
    font-size: 14px;
    font-size: 1rem;
    left: 12px;
    top: -12px; }
  .column-list .items .category:before{
    border: 6px solid transparent;
    border-right: 6px solid #1a275b;
    border-bottom: 6px solid #1a275b;
    left: -12px; }
  .column-list .items .title{
    margin-bottom: 5px;
    font-size: 18px;
    font-size: 1.28571rem; }
  .column-list .items .desc{
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1rem; }
  .column-list .items .link{
    font-size: 12px;
    font-size: 0.85714rem;
    right: 15px;
    bottom: 10px;
    padding-right: 15px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button01.svg") no-repeat 100% 55%/10px auto; }
  .l-section.interview{
    padding: 20px 0 0; }
  .interview > .header .bg{
    height: auto;
    background-size: cover;
    background-position: 50% 0%; }
  .interview > .header .bg.bg1909{
    background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/index/bg_interview1909_sp.jpg"); }
  .interview > .header .inner{
    height: auto;
    padding-top: 190px;
    padding-bottom: 30px;
    top: 0; }
  .interview > .header .outline{
    margin-bottom: 15px;
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 1.45; }
  .interview > .header .outline .label{
    padding: 8px 10px 8px 12px; }
  .interview > .header .outline .desc{
    padding: 8px 12px 8px 10px;
    color: #fff;
    border-radius: 0 30px 30px 0; }
  .interview > .header .title{
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.8; }
  .interview > .header .title strong{
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.2; }
  .interview > .header .link{
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.85714rem;
    padding-right: 25px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/rpa/arrow_button03.svg") no-repeat 100% 58%/20px auto; }
  .interview > .header .bg{
    opacity: 0;
    transform: translate3d(0, 30px, 0); }
  .interview > .header .outline{
    opacity: 0;
    transform: translate3d(20px, 0, 0); }
  .interview > .header .title{
    opacity: 0;
    transform: translate3d(20px, 0, 0); }
  .interview > .body{
    padding: 25px 0 70px;
    font-size: 13px;
    font-size: 0.92857rem; }
  .interview > .body .scroll-button{
    width: 30px;
    height: 31px;
    top: -15px; }
  .interview > .body .inner{
    height: 800px; }
  .interview > .body .inner:after{
    height: 100px; }
  .interview > .body .outline{
    margin-bottom: 15px;
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 1.45; }
  .interview > .body .outline .label{
    padding: 8px 10px 8px 12px; }
  .interview > .body .outline .desc{
    padding: 8px 12px 8px 10px;
    border-radius: 0 30px 30px 0; }
  .interview > .body .title{
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.8; }
  .interview > .body .title strong{
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.2; }
  .interview > .body .lead{
    font-size: 15px;
    font-size: 1.07143rem; }
  .interview > .body .lead + .c-head-interview-lv01{
    margin-top: 20px; }
  .interview > .body .speaker{
    width: 100%;
    margin: 30px auto 35px;
    padding: 0 0 0; }
  .interview > .body .speaker .head{
    padding: 0 15px;
    font-size: 15px;
    font-size: 1.07143rem;
    top: -1em; }
  .interview > .body .speaker .body{
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% + 20px);
    margin: 0 -20px;
    font-size: 12px;
    font-size: 0.85714rem; }
  .interview > .body .speaker .body .name{
    margin-bottom: 2px;
    font-size: 14px;
    font-size: 1rem; }
  .interview > .body .speaker .speaker-item{
    width: 50%;
    padding: 0 20px;
    margin-bottom: 15px; }
  .interview > .body .speaker .speaker-item figure{
    width: 50px;
    margin-right: 10px; }
  .interview > .body .q{
    margin-bottom: 10px;
    font-size: 0.9375rem; }
  .interview > .body .a{
    margin-bottom: 10px; }
  .interview > .body .a + .q{
    margin-top: 24px; }
  .under .interview > .header .inner .interview-head{
    font-size: 20px;
    font-size: 1.42857rem; }
  .under .interview > .header{
    width: 100%; }
  .under .interview > .header .bg{
    width: 100%;
    height: 200px;
    margin-top: 0; }
  .under .interview > .header .inner{
    height: 200px;
    padding: 0; }
  .under .interview > .header .inner .interview-head{
    font-size: 20px;
    font-size: 1.42857rem; }
  .l-section.business .business-list{
    display: block;
    width: 100%;
    margin: 0 auto; }
  .l-section.business .business-list .business-item{
    width: 100%;
    padding: 0; }
  .l-section.business .business-list .business-item:nth-child(n+2){
    margin-top: 30px; }
  .l-section.business .business-list .title{
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.28571rem; }
  .l-section.business .business-list .title img{
    height: 28px;
    margin-right: 13px; }
  .l-section.business .business-list .box{
    margin-top: 15px;
    padding: 15px 20px;
    border-radius: 4px; }
  .l-section.business .business-list .box .label{
    margin: 0 auto 20px;
    font-size: 14px;
    font-size: 1rem; }
  .l-section.business .business-list .box ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0 -15px; }
  .l-section.business .business-list .box ul:not(:last-child){
    margin-bottom: 40px; }
  .l-section.business .business-list .box ul:not(:last-child){
    margin-bottom: 25px; }
  .l-section.business .business-list .box ul li{
    width: 50%;
    padding: 0 15px;
    font-size: 13px;
    font-size: 0.92857rem; }
  .l-section.business .business-list .box ul a{
    display: block; }
  .l-section.detail .desc{
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.7; }
  .l-section.detail figure{
    margin: 50px auto 30px; }
  .l-section.detail .video{
    width: 100%;
    margin: 40px auto 50px;
    padding-top: 56.25%; }
  .l-section.detail .video + .video-caption{
    width: 100%;
    margin: -40px auto 45px;
    font-size: 11px;
    font-size: 0.78571rem; }
  .l-section.detail .box{
    padding: 15px; }
  .l-section.detail .company-logo{
    margin-top: 40px; }
  .business-link .inner > .title{
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.28571rem; }
  .business-link .inner > .title img{
    height: 28px;
    margin-right: 13px; }
  .business-link .business-link-list{
    display: block;
    width: 100%;
    margin: 0 auto; }
  .business-link .business-link-list .item{
    width: 100%;
    padding: 0; }
  .business-link .business-link-list .item:nth-child(n+2){
    margin-top: 30px; }
  .business-link .business-link-list .box{
    margin-top: 15px;
    padding: 15px 20px;
    border-radius: 8px; }
  .business-link .business-link-list .box .label{
    margin: 0 auto 20px;
    font-size: 14px;
    font-size: 1rem; }
  .business-link .business-link-list .box ul{
    width: calc(100% + 20px);
    margin: 0 -10px; }
  .business-link .business-link-list .box ul:not(:last-child){
    margin-bottom: 20px; }
  .business-link .business-link-list .box ul li{
    width: 50%;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1rem; }
  .business-link .business-link-list .box ul li:not(:last-child){
    margin-bottom: 10px; }
  .business-link .business-link-list .box ul a{
    padding-right: 16px; }
  .automation-list{
    width: calc(100% + 10px);
    margin: 0 -5px; }
  .automation-list + .c-button{
    margin-top: 35px; }
  .automation-list .automation-item{
    min-width: 180px;
    max-width: 320px;
    width: 50%;
    margin: 0 auto 30px;
    padding: 0 5px; }
  .automation-list .automation-item:nth-child(n+4){
    margin-top: 0; }
  .automation-list figure{
    margin-bottom: 10px; }
  .automation-list .category{
    margin-bottom: 5px; }
  .automation-list .category li{
    display: inline-block;
    min-width: 3.5em;
    padding: 3px 7px;
    text-align: center;
    font-size: 11px;
    font-size: 0.78571rem; }
  .automation-list .title{
    margin-bottom: 3px;
    font-size: 15px;
    font-size: 1.07143rem; }
  .automation-list .desc{
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.65; }
  .checklist li{
    padding-left: 30px;
    font-size: 13px;
    font-size: 0.92857rem; }
  .checklist li:before{
    width: 20px;
    height: 16px;
    top: 3px; }
  .checklist li:not(:last-child){
    margin-bottom: 10px; }
  .partner-list{
    margin-top: 60px; }
  .partner-list .item:nth-child(n+2){
    margin-top: 60px; }
  .partner-list .item .top{
    display: block;
    text-align: center; }
  .partner-list .item .top a.figure > *{
    transition: opacity 0.3s; }
  .partner-list .item .top a.figure:hover > *{
    opacity: 0.4; }
  .partner-list .item .top .figure,
  .partner-list .item .top figure{
    display: inline-block;
    width: auto;
    padding: 20px 30px;
    margin: 0 0 25px; }
  .partner-list .item .top .detail{
    display: block;
    text-align: left; }
  .partner-list .item .top .detail .name{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 1.71429rem; }
  .partner-list .item .top .detail .lead{
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.14286rem; }
  .partner-list .item .top .detail .desc{
    margin: 15px 0 0;
    padding: 10px 15px;
    font-size: 14px;
    font-size: 1rem; }
  .partner-list .item .bottom{
    margin-top: 20px;
    display: block; }
  .partner-list .item .bottom .information{
    font-size: 12px;
    font-size: 0.85714rem; }
  .partner-list .item .bottom .information > *:nth-child(n+2){
    margin-top: 10px; }
  .partner-list .item .bottom .information .address{
    padding: 3px 0 3px 20px;
    background-size: 13px 20px; }
  .partner-list .item .bottom .information .tel{
    padding: 3px 0 3px 20px;
    background-size: 16px 17px; }
  .partner-list .item .bottom .c-button{
    display: block;
    max-width: 270px;
    margin: 25px auto 0;
    padding: 12px 25px;
    font-size: 15px;
    font-size: 1.07143rem; }
  .business__detail__process{
    margin-top: 50px; }
  .business__detail__process .process__detail{
    width: 100%; }
  .business__detail__process .process__detail:first-child .process__detail__fig:after{
    display: none; }
  .business__detail__process .process__detail + p{
    margin: 15px auto;
    opacity: 1;
    transform: rotate(90deg); }
  .process__detail__text-be,
  .process__detail__text-af{
    padding: 15px; }
  .process__detail__text-be li,
  .process__detail__text-af li{
    padding-left: 25px;
    font-size: 12px;
    font-size: 0.85714rem; }
  .process__detail__text-be li:before,
  .process__detail__text-af li:before{
    width: 18px;
    height: 15px;
    top: 3px; }
  .process__detail__text-be li:not(:last-child),
  .process__detail__text-af li:not(:last-child){
    margin-bottom: 10px; } }

@media screen and (min-width: 769px) and (max-width: 1500px){
  .l-header .menu-navigation li br{
    display: block; } }

@media screen and (min-width: 769px){
  .a{
    margin-top: 0; } }

@media screen and (max-width: 500px){
  .interview > .body .speaker .speaker-item{
    width: 100%; } }

@media screen and (max-width: 400px){
  .automation-list{
    width: 100%;
    margin: 0; }
  .automation-list + .c-button{
    margin-top: 35px; }
  .automation-list .automation-item{
    min-width: auto;
    max-width: 100%;
    width: 100%;
    padding: 0; } }