@charset "UTF-8";
/* --------------------------------------------

FileName    :    style.css

-------------------------------------------- */
.l-section .inner {
  display: block; }

.l-section .inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

@media screen and (max-width: 1280px) {
  .l-section .inner {
    visibility: visible; } }

@media screen and (max-width: 1024px) {
  .l-section .inner {
    visibility: visible; } }

@media screen and (max-width: 768px) {
  .l-section .inner {
    visibility: visible; } }

@media screen and (max-width: 640px) {
  .l-section .inner {
    visibility: visible; } }

@media screen and (max-width: 480px) {
  .l-section .inner {
    visibility: visible; } }

@media screen and (min-width: 769px) {
  #mn_wrap #udnav .info-item, .l-section a[data-lity], .l-freetrial .c-button-wrap .c-button, .l-consultation-button {
    opacity: 1;
    transition: opacity 0.2s; }
  #mn_wrap #udnav .info-item:hover, .l-section a:hover[data-lity], .l-freetrial .c-button-wrap .c-button:hover, .l-consultation-button:hover {
    opacity: 0.75; } }

#mn_wrap #udnav .udnav_in .navigation > li a:after {
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.l-section ul:first-child,
.l-section ol:first-child, .l-section ul:not([class]) li:first-child,
.l-section ol:not([class]) li:first-child, .l-freetrial-head:first-child, .l-freetrial-lead:first-child, .l-consultation-head:first-child, .l-consultation-lead:first-child, #footer-bland .information .desc:first-child, figure:first-child, .casestudy .company-image:first-child, .casestudy .category:first-child, .top .qa-list:first-child, .price-box-list p:first-child, .spec .checktool-box:first-child, .price .system-infographics:first-child {
  margin-top: auto; }

.l-section ul:last-child,
.l-section ol:last-child, .l-section ul:not([class]) li:last-child,
.l-section ol:not([class]) li:last-child, .l-freetrial-head:last-child, .l-freetrial-lead:last-child, .l-consultation-head:last-child, .l-consultation-lead:last-child, #footer-bland .information .desc:last-child, figure:last-child, .casestudy .company-image:last-child, .casestudy .category:last-child, .top .qa-list:last-child, .price-box-list p:last-child, .spec .checktool-box:last-child, .price .system-infographics:last-child {
  margin-bottom: auto; }

.top .qa-list__item .question .num, .price .system-infographics .list .item .title {
  font-family: 'Barlow','Noto Sans JP',sans-serif; }

#mn_wrap #udnav .udnav_in .navigation > li a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

        font set

====================================================*/
@font-face {
  font-family: 'icon';
  src: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49");
  src: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49#iefix") format("embedded-opentype"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.ttf?23to49") format("truetype"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.woff?23to49") format("woff"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.svg?23to49#icon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], i {
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.arrow_border_bottom01:before {
  content: "\e900";
  color: #af207f; }

.arrow_border_right01:before {
  content: "\e901";
  color: #00306b; }

.icon_cantact_catalog:before {
  content: "\e902";
  color: #fff; }

.icon_inquiry:before {
  content: "\e903";
  color: #fff; }

.icon_tel:before {
  content: "\e904";
  color: #fff; }

.icon_download:before {
  content: "\e905";
  color: #186eb4; }

.icon_list:before {
  content: "\e906";
  color: #b9c0c8; }

.icon_list:after {
  content: "\e907";
  margin-left: -1em;
  color: #af207f; }

.icon_blockquote01:before {
  content: "\e908";
  color: #ac257d; }

.icon_blockquote02:before {
  content: "\e909";
  color: #ac257d; }

.icon_onlinedemo:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/common/icon_onlinedemo.svg") no-repeat 0 0/cover; }

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

layout

-------------------------------------------- */
#header #nav-global #udnav {
  display: none; }

@media screen and (min-width: 769px) {
  div.edge #mn_wrap #udnav .udnav_in .udnav_logo {
    width: auto; }
  div.edge #mn_wrap #udnav .udnav_in .udnav_logo img {
    width: auto;
    height: 31px; } }

@media screen and (max-width: 768px) {
  div.edge #mn_wrap #udnav .udnav_in .udnav_logo a {
    width: 200px; }
  div.edge #mn_wrap #udnav .udnav_in .udnav_logo img {
    height: 25px; } }

#mn_wrap #udnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  height: 64px; }

@media screen and (max-width: 768px) {
  #mn_wrap #udnav {
    display: block;
    height: 60px; } }

#mn_wrap #udnav .udnav_in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: static; }

#mn_wrap #udnav .udnav_in .udnav_logo {
  min-width: auto;
  width: 215px;
  margin-bottom: 0; }

#mn_wrap #udnav .udnav_in .udnav_logo img {
  width: 100%;
  height: auto; }

#mn_wrap #udnav .udnav_in .udnav_logo .logo-btn {
  display: none; }

#mn_wrap #udnav .udnav_in .navigation {
  margin-right: 20px;
  margin-left: 0; }

#mn_wrap #udnav .udnav_in .navigation > li:not(:last-child) {
  margin-right: 20px; }

#mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #AC257D; }

.kanjo #mn_wrap #udnav .udnav_in .navigation > li.current > a:after,
.sp_kanjo #mn_wrap #udnav .udnav_in .navigation > li.current > a:after{
  background-color: #AC257D; }

.kanjo-kobetsu #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #f33d42; }

.kanjo-kensetsu #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #5a181c; }

.kyuyo #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #0075C1; }

.saiken #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #EB6D9A; }

.saimu #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #B963A4; }

.akikura #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #006939; }

.akinai #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #009140; }

.kura #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #5CAF30; }

.somujinji #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #00A7B7; }

.jinji #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #00A7B7; }

.hotei #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #009ED4; }

.kotei #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #5D2976; }

.shinkoku #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #e77008; }

.shinkoku-hc #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #e77008; }

.shinkoku-ug #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #fb9b00; }

.eb-cloud #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #021650; }

div.edge #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
  background-color: #00438b; }

#mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #AC257D; }

.kanjo #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after,
.sp_kanjo #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after{
  background-color: #AC257D; }

.kanjo-kobetsu #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #f33d42; }

.kanjo-kensetsu #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #5a181c; }

.kyuyo #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #0075C1; }

.saiken #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #EB6D9A; }

.saimu #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #B963A4; }

.akikura #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #006939; }

.akinai #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #009140; }

.kura #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #5CAF30; }

.somujinji #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #00A7B7; }

.jinji #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #00A7B7; }

.hotei #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #009ED4; }

.kotei #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #5D2976; }

.shinkoku #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #e77008; }

.shinkoku-hc #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #e77008; }

.shinkoku-ug #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #fb9b00; }

.eb-cloud #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #021650; }

div.edge #mn_wrap #udnav .udnav_in .navigation > li:hover > a:after {
  background-color: #00438b; }

.kanjo #mn_wrap #udnav .udnav_in .navigation > li li a:hover,
.sp_kanjo #mn_wrap #udnav .udnav_in .navigation > li li a:hover{
  color: #AC257D; }

.kanjo-kobetsu #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #f33d42; }

.kanjo-kensetsu #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #5a181c; }

.kyuyo #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #0075C1; }

.saiken #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #EB6D9A; }

.saimu #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #B963A4; }

.akikura #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #006939; }

.akinai #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #009140; }

.kura #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #5CAF30; }

.somujinji #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #00A7B7; }

.jinji #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #00A7B7; }

.hotei #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #009ED4; }

.kotei #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #5D2976; }

.shinkoku #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #e77008; }

.shinkoku-hc #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #e77008; }

.shinkoku-ug #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #fb9b00; }

div.edge #mn_wrap #udnav .udnav_in .navigation > li li a:hover {
  color: #00438b; }

#mn_wrap #udnav .udnav_in .navigation > li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0; }

#mn_wrap #udnav .udnav_in .navigation > li > a {
  padding: 15px 0 10px;
  position: relative; }

#mn_wrap #udnav .udnav_in .navigation > li > a:before {
  display: none; }

@media screen and (min-width: 769px) {
  #mn_wrap #udnav .udnav_in .navigation {
    display: -ms-flexbox !important;
    display: flex !important; }
  #mn_wrap #udnav .udnav_in .navigation li {
    white-space: nowrap; }
  #mn_wrap #udnav .udnav_in .navigation.small > li {
    font-size: 85%; }
  #mn_wrap #udnav .udnav_in .mega_menu {
    display: none; }
  #mn_wrap #udnav .udnav_in .spwrap {
    display: block !important;
    overflow: visible !important;
    margin-left: 15px; }
  #mn_wrap #udnav .udnav_in .spwrap .spwrap-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center; }
  #mn_wrap #udnav .udnav_in .spwrap .spwrap-inner .u-position--relative--sm {display:none;}}

@media screen and (max-width: 768px) {
  #mn_wrap #udnav .udnav_in {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    position: relative;
    z-index: 10; }
  #mn_wrap #udnav .udnav_in .udnav_logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    margin: 0 auto 0 0;
    -ms-flex-order: 0;
    order: 0;
    text-align: left;
    position: relative; }
  #mn_wrap #udnav .udnav_in .udnav_logo a {
    display: block;
    width: 150px; }
  #mn_wrap #udnav .udnav_in .udnav_logo img {
    width: 100%;
    height: auto; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto;
    background: url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/btn_open.png) no-repeat center center/contain;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    transform: none;
    transition: background 0.3s; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn:before, #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn:after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 8px;
    transition: all 0.4s; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn:before {
    top: 8px; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn:after {
    top: 15px; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn.is-active {
    background: url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/btn_close.png) no-repeat center center/contain; }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn.is-active:before {
    top: 15px;
    transform: rotate(165deg); }
  #mn_wrap #udnav .udnav_in .udnav_logo .logo-btn.is-active:after {
    top: 15px;
    transform: rotate(-165deg); }
  #mn_wrap #udnav .udnav_in .spwrap {
    display: none;
    padding-bottom: 5px; }
  #mn_wrap #udnav .udnav_in .spwrap.is-active {
    display: block; }
  #mn_wrap #udnav .udnav_in .spwrap .c-lead--l,
  #mn_wrap #udnav .udnav_in .spwrap .c-lead {
    font-size: 14px;
    line-height: 2; }
  #mn_wrap #udnav .udnav_in .spwrap .spwrap-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
  #mn_wrap #udnav .udnav_in .navigation {
    display: block;
    width: 100%;
    margin-left: 0;
    background: #fff;
    -ms-flex-order: 3;
    order: 3;
    box-shadow: 0 2px 2px rgba(80, 80, 80, 0.2); }
  #mn_wrap #udnav .udnav_in .navigation > li {
    float: none;
    display: block;
    margin: auto; }
  #mn_wrap #udnav .udnav_in .navigation > li:not(:last-child) {
    margin-right: 0;
    border-bottom: 1px solid #cbcccb; }
  #mn_wrap #udnav .udnav_in .navigation > li a:after,
  #mn_wrap #udnav .udnav_in .navigation > li:hover a:after,
  #mn_wrap #udnav .udnav_in .navigation > li.current a:after {
    background-color: transparent !important; }
  #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #AC257D; }
  .kanjo #mn_wrap #udnav .udnav_in .navigation > li.current > a,
  .sp_kanjo #mn_wrap #udnav .udnav_in .navigation > li.current > a{
    color: #AC257D; }
  .kanjo-kobetsu #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #f33d42; }
  .kanjo-kensetsu #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #5a181c; }
  .kyuyo #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #0075C1; }
  .saiken #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #EB6D9A; }
  .saimu #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #B963A4; }
  .akikura #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #006939; }
  .akinai #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #009140; }
  .kura #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #5CAF30; }
  .somujinji #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #00A7B7; }
  .jinji #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #00A7B7; }
  .hotei #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #009ED4; }
  .kotei #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #5D2976; }
  .shinkoku #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #e77008; }
  .shinkoku-hc #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #e77008; }
  .shinkoku-ug #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #fb9b00; }
  div.edge #mn_wrap #udnav .udnav_in .navigation > li.current > a {
    color: #00438b; }
  #mn_wrap #udnav .udnav_in .navigation > li.current > a:after {
    background-color: transparent !important; }
  #mn_wrap #udnav .udnav_in .navigation > li > a {
    display: block;
    padding: 15px 20px; }
  #mn_wrap #udnav .udnav_in .navigation > li > a:after {
    display: block;
    width: 11px;
    height: 13px;
    margin: auto;
    margin-left: 10px;
    content: "\e901";
    color: #00306b;
    font-size: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 20px; }
  #mn_wrap #udnav .udnav_in .navigation > li > a:before {
    display: none; }
  #mn_wrap #udnav .udnav_in .navigation > li > a:hover:after {
    background-color: transparent !important; }
  #mn_wrap #udnav .udnav_in .navigation > li.drop > a:after {
    transform: rotate(90deg); }
  #mn_wrap #udnav .udnav_in .navigation > li li {
    font-size: 12px; }
  #mn_wrap #udnav .udnav_in .navigation > li li > a {
    padding: 12px 40px 12px 20px; } }

#mn_wrap #udnav .drop {
  position: relative;
  padding-bottom: 10px; }

#mn_wrap #udnav .drop > a {
  cursor: pointer; }

#mn_wrap #udnav .drop-menu {
  display: none;
  width: 450px;
  margin: 0 auto;
  padding: 5px 12px;
  text-align: left;
  background: white;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px rgba(80, 80, 80, 0.2);
  position: absolute;
  left: 0;
  top: 50px; }

#mn_wrap #udnav .drop-menu li {
  float: none;
  display: block;
  margin-bottom: 5px;
  font-size: 14px; }

#mn_wrap #udnav .drop-menu li a {
  display: block;
  padding: 5px; }

#mn_wrap #udnav .drop-menu li a:before {
  display: none; }

@media screen and (min-width: 769px) {
  .akikura #mn_wrap #udnav .drop:hover .drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .akikura #mn_wrap #udnav .drop:hover .drop-menu li a i {
    display: inline-block;
    position: relative; }
  .akikura #mn_wrap #udnav .drop:hover .drop-menu li a i::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 0;
    border-right: 2px solid #009140;
    border-bottom: 2px solid #009140;
    position: absolute;
    top: 30%;
    right: -20px;
    background: 0;
    transform: rotate(-45deg) translate(-50%, -30%);
    transform-origin: 50% 50%; }
  .akikura #mn_wrap #udnav .drop:hover .drop-menu li a.out-site i::after {
    content: "";
    display: inline-block;
    content: "";
    border-right: none;
    border-bottom: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23009140" d="M11.7057 13.7071L17.9986 7.41421V11H19.9986V4H12.9986V6H16.5844L10.2915 12.2929L11.7057 13.7071Z" /><path fill="%23009140" d="M19.0015 18V14H17.0015V18H6.00146V7H10.0015V5H6.00146C4.8969 5 4.00146 5.89543 4.00146 7V18C4.00146 19.1046 4.8969 20 6.00146 20H17.0015C18.106 20 19.0015 19.1046 19.0015 18Z" /></svg>');
    top: 2px;
    right: -33px;
    transform: rotate(0) translate(-50%, -30%); }
  .edge #mn_wrap #udnav .drop:hover .drop-menu-hover {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .edge #mn_wrap #udnav .drop:hover .drop-menu-hover li a {
    display: inline-block;
    position: relative; }
  .edge #mn_wrap #udnav .drop:hover .drop-menu-hover li a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 0;
    border-right: 2px solid #00438b;
    border-bottom: 2px solid #00438b;
    position: absolute;
    top: 30%;
    right: -20px;
    background: 0;
    transform: rotate(-45deg) translate(-50%, -30%);
    transform-origin: 50% 50%;
    left: auto; }
  .edge #mn_wrap #udnav .drop:hover .drop-menu-hover li .out-side a::after {
    content: "";
    display: inline-block;
    content: "";
    border-right: none;
    border-bottom: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23009140" d="M11.7057 13.7071L17.9986 7.41421V11H19.9986V4H12.9986V6H16.5844L10.2915 12.2929L11.7057 13.7071Z" /><path fill="%23009140" d="M19.0015 18V14H17.0015V18H6.00146V7H10.0015V5H6.00146C4.8969 5 4.00146 5.89543 4.00146 7V18C4.00146 19.1046 4.8969 20 6.00146 20H17.0015C18.106 20 19.0015 19.1046 19.0015 18Z" /></svg>');
    top: 2px;
    right: -33px;
    transform: rotate(0) translate(-50%, -30%); }
  #mn_wrap #udnav .drop span {
    display: none; }
  #mn_wrap #udnav .drop-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -10px);
    transition: all 0.2s; } }

@media screen and (max-width: 768px) {
  #mn_wrap #udnav .drop {
    padding-bottom: 0; }
  #mn_wrap #udnav .drop span {
    display: block;
    width: 50px;
    height: 47px;
    border-left: 1px solid #cbcccb;
    position: absolute;
    right: 0;
    top: 0; }
  #mn_wrap #udnav .drop-menu {
    float: none;
    display: none;
    width: 100%;
    padding: 0;
    background: #f2f2f2;
    border-top: 1px solid #cbcccb;
    box-shadow: none;
    position: static; }
  #mn_wrap #udnav .drop-menu li {
    margin: auto;
    width: 100%; }
  #mn_wrap #udnav .drop-menu li:not(:last-child) {
    border-bottom: 1px solid #cbcccb; } }

#mn_wrap #udnav a {
  color: #000; }

#mn_wrap #udnav .info {
  float: right;
  font-size: 0;
  white-space: nowrap; }

#mn_wrap #udnav .info-item {
  display: inline-block;
  padding: 10px 22px;
  background: #e76f02;
  border-radius: 50px;
  font-size: 16px;
  color: #fff;
  position: relative; }

#mn_wrap #udnav .info-item:nth-child(n+2) {
  margin-left: 8px; }

#mn_wrap #udnav .info-item i {
  margin-right: 8px;
  vertical-align: text-bottom;
  font-size: 18px; }

@media screen and (min-width: 769px) {
  #mn_wrap #udnav .info-item .l-section a[data-lity], #mn_wrap #udnav .info-item .l-freetrial .c-button-wrap .c-button, #mn_wrap #udnav .info-item .l-consultation-button {
    opacity: 1;
    transition: opacity 0.2s; }
  #mn_wrap #udnav .info-item:hover,
  #mn_wrap #udnav .info-item .l-section a:hover[data-lity], #mn_wrap #udnav .info-item .l-freetrial .c-button-wrap .c-button:hover, #mn_wrap #udnav .info-item .l-consultation-button:hover {
    opacity: 0.75; } }

@media screen and (max-width: 768px) {
  #mn_wrap #udnav .info {
    -ms-flex-order: 1;
    order: 1;
    float: none;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    background: #e76f02; }
  #mn_wrap #udnav .info-item {
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 0; }
  #mn_wrap #udnav .info-item:nth-child(1):after {
    width: 2px;
    height: 100%;
    background: #eee;
    right: -1;
    top: 0; }
  #mn_wrap #udnav .info-item i {
    bottom: 0; } }

@media screen and (min-width: 769px) {
  .akikura #mn_wrap #udnav .drop span {
    display: none; }
  .akikura #mn_wrap #udnav .drop-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -10px);
    transition: all 0.2s; } }

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

contents

-------------------------------------------- */
main p:not([class]),
main p[class^="u-"] {
  margin-top: 1em;
  margin-bottom: 1em; }

main p:not([class]):first-child,
main p[class^="u-"]:first-child {
  margin-top: 0; }

main p:not([class]):last-child,
main p[class^="u-"]:last-child {
  margin-bottom: 0; }

.l-section {
  max-width: 100%;
  padding: 60px 0;
  line-height: 1.75; }

.kanjo .l-section.bg-color,
.sp_kanjo .l-section.bg-color{
  background: #FEF5FB; }

.kanjo-kobetsu .l-section.bg-color {
  background: #fbeaea; }

.kanjo-kensetsu .l-section.bg-color {
  background: #ecdbdc; }

.kyuyo .l-section.bg-color {
  background: #E8F0F5; }

.saiken .l-section.bg-color {
  background: #F6EAEE; }

.saimu .l-section.bg-color {
  background: #F2E8F0; }

.akikura .l-section.bg-color {
  background: #EEF6F2; }

.akinai .l-section.bg-color {
  background: #f5fefa; }

.kura .l-section.bg-color {
  background: #f6fef5; }

.somujinji .l-section.bg-color {
  background: #f5fdfe; }

.jinji .l-section.bg-color {
  background: #f5fdfe; }

.hotei .l-section.bg-color {
  background: #f5fcfe; }

.kotei .l-section.bg-color {
  background: #f7f5fe; }

.shinkoku .l-section.bg-color {
  background: #fefaf5; }

.shinkoku-hc .l-section.bg-color {
  background: #fefaf5; }

.shinkoku-ug .l-section.bg-color {
  background: #fefaf5; }

div.edge .l-section.bg-color {
  background: #E8F0F5; }

.l-section.bg-gray {
  background: #6F6F6F; }

.l-section.bg-gray .c-head-section {
  color: #fff; }

.l-section.bg-gray .c-head-section:before {
  background: #fff; }

.l-section.bg-gray-light {
  background: #f7f7f7; }

.l-section.bg-gradient--gray {
  background: #f2f2f2;
  background: linear-gradient(180deg, #f2f2f2 0%, white 40%, white 100%); }

.l-section.bg-gray-diagonal {
  background: url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_gray_diagonal.png) no-repeat 0 0/100% 100%; }

.l-section.bg-gray-wave {
  background: #f2f2f2 url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_wave.png) no-repeat bottom center/100% auto; }

.l-section .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.l-section .inner.w800 {
  max-width: 840px; }

.l-section .inner.w976 {
  max-width: 1016px; }

.l-section .inner.w1100 {
  max-width: 1140px; }

.l-section .inner.w1150 {
  max-width: 1190px; }

.l-section .inner.max {
  max-width: 1400px; }

.l-section .inner + .inner {
  margin-top: 36px; }

@media screen and (max-width: 768px) {
  .l-section {
    padding: 60px 0; }
  .l-section > .inner {
    padding: 0 20px; }
  .l-section > .inner + .inner {
    margin-top: 30px; }
  .l-section > .inner > .inner {
    padding: 0; }
  .l-section.max {
    padding: 0; }
  .l-section img[src$=".svg"] {
    width: 100%;
    height: auto; } }

.l-section a[data-lity] {
  display: block;
  text-decoration: none; }

.l-section a:not([class]) {
  color: #057DB8;
  text-decoration: underline; }

.l-section a:not([class]):hover {
  text-decoration: none; }

.l-section ul,
.l-section ol {
  margin: 20px auto; }

.l-section ul:not([class]) li,
.l-section ol:not([class]) li {
  margin: 8px auto; }

.l-section p:not([class]) {
  margin: 14px auto; }

.l-section p:not([class]):first-child {
  margin-top: 0; }

.l-section p:not([class]):last-child {
  margin-bottom: 0; }

.l-inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.l-freetrial {
  margin-top: 50px;
  padding: 60px 0 70px;
  background-color: #d8f2ff;
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_kamon02.png");
  background-repeat: repeat;
  background-position: 0 0;
  text-align: center; }

.l-freetrial-head {
  margin-bottom: 17px;
  font-size: 28px; }

.l-freetrial-lead {
  margin: 15px auto 20px;
  font-size: 18px;
  line-height: 1.5; }

.l-freetrial .c-button-wrap {
  margin-top: 45px; }

.l-freetrial .c-button-wrap .c-button {
  padding: 20px 30px;
  background: #e76f02;
  border: none;
  font-size: 18px; }

.l-freetrial .c-button-wrap .c-button:after {
  display: none; }

.l-freetrial .c-button-wrap .c-button i {
  margin-right: 8px;
  vertical-align: text-bottom;
  font-size: 18px;
  position: relative;
  bottom: 2px; }

.l-freetrial.renew2410 .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.l-freetrial.renew2410 .l-freetrial-head {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

@media screen and (max-width: 768px) {
  .l-freetrial.renew2410 .l-freetrial-head {
    font-size: 18px; } }

.l-freetrial.renew2410 .p-lineup__item {
  padding: 40px 24px; }

.l-freetrial.renew2410 .p-lineup__item--head {
  position: relative;
  max-width: 312px;
  margin: 0 auto 24px;
  padding-bottom: 6px;
  background-color: #fff;
  border-bottom: 1px solid #e76f02;
  text-align: center;
  font-weight: 500;
  line-height: 1.45; }

.l-freetrial.renew2410 .p-lineup__item--head::before, .l-freetrial.renew2410 .p-lineup__item--head::after {
  content: "";
  position: absolute;
  left: 50%; }

.l-freetrial.renew2410 .p-lineup__item--head::before {
  margin-left: -14px;
  bottom: -22px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
  z-index: 1; }

.l-freetrial.renew2410 .p-lineup__item--head::after {
  margin-left: -15px;
  bottom: -24px;
  border: 12px solid transparent;
  border-top: 12px solid #e76f02; }

.l-freetrial.renew2410 .p-lineup__item--head b {
  color: #e76f02; }

.l-freetrial.renew2410 .p-lineup__item h3 {
  margin: 0 auto 21px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

.l-freetrial.renew2410 .p-lineup__item--thumb {
  margin: 0 auto 33px; }

.l-freetrial.renew2410 .p-lineup__item .l-consultation-button {
  margin: 0;
  min-width: auto;
  width: 100%;
  position: relative;
  transition: background .3s; }

.l-freetrial.renew2410 .p-lineup__item .l-consultation-button::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  right: 30px;
  margin-top: 12px; }

.l-freetrial.renew2410 .p-lineup__item .l-consultation-button:hover {
  background: #e7c40b; }

@media screen and (max-width: 768px) {
  .l-freetrial {
    margin-top: 30px;
    padding: 30px 0 40px; }
  .l-freetrial .inner {
    padding: 0 15px; }
  .l-freetrial-head {
    font-size: 22px; }
  .l-freetrial-lead {
    text-align: left;
    font-size: 16px; }
  .l-freetrial .c-notice {
    text-align: left; }
  .l-freetrial .c-button-wrap {
    margin-top: 30px; }
  .l-freetrial .c-button-wrap .c-button {
    padding: 12px 15px;
    font-size: 16px; } }

.l-consultation {
  padding: 60px 0 70px;
  background-color: #006598;
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_kamon.png");
  background-repeat: repeat;
  background-position: 0 0;
  color: #fff;
  text-align: center; }

.l-consultation-head {
  margin-bottom: 15px;
  font-size: 28px; }

.l-consultation-lead {
  margin: 15px auto;
  font-size: 18px;
  line-height: 1.5; }

.l-consultation-button-wrap {
  margin-top: 45px;
  letter-spacing: -0.5em; }

.l-consultation-button {
  display: inline-block;
  min-width: 360px;
  margin: 0 5px;
  padding: 20px 30px;
  background: #e76f02;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: normal; }

.l-consultation-button i {
  display: inline-block;
  margin-right: 5px;
  font-size: 23px;
  vertical-align: middle; }

.l-consultation-button i:before {
  position: relative; }

.l-consultation hr {
  margin-bottom: 35px; }

.l-consultation .freedial {
  margin-top: 40px; }

.l-consultation .freedial .label {
  margin-bottom: -5px;
  font-size: 16px;
  line-height: 1.2; }

.l-consultation .freedial a {
  display: inline-block;
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.5px; }

.l-consultation .freedial a i {
  margin-right: 15px;
  margin-left: -25px;
  margin-top: -20px;
  font-size: 47px; }

.l-consultation .freedial a i:before {
  position: relative;
  top: 7px; }

.l-consultation .freedial .desc {
  margin: 0;
  font-size: 14px; }

.l-consultation.bg {
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_inquiry01.png");
  background-repeat: no-repeat;
  background-position: 8% bottom;
  background-size: 42% auto; }

.l-consultation.bg .inner {
  max-width: 50%;
  padding: 0;
  position: relative;
  left: 42%; }

.l-consultation.bg .l-consultation-button {
  width: 310px;
  min-width: 310px; }

.l-consultation.bg .l-consultation-button:nth-child(n+3) {
  margin-top: 20px; }

.renew2410 .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.renew2410 .l-freetrial-head,
.renew2410 .l-freetrial h3,
.renew2410 .l-consultation-head,
.renew2410 .l-consultation h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

.renew2410 .c-flex-wrap > .c-flex03 {
  padding: 40px 24px;
  background-color: #fff;
  border-radius: 4px;
  color: #333; }

.renew2410 .c-flex-wrap > .c-flex03.mr0 {
  margin-right: 0; }

.kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03,
.kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 {
  padding: 40px 16px; }

@media screen and (min-width: 769px) {
  .kotei .renew2410 .c-flex-wrap > .c-flex03 {
    width: 425px; }
  .kotei .renew2410 .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) {
    margin-right: 0; }
  .kotei .renew2410 .c-flex-wrap > .c-flex03:not(:nth-of-type(2n)) {
    margin-right: 32px; }
  .kotei .renew2410 .c-flex-wrap > .c-flex03:nth-of-type(n+3) {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 {
    padding: 20px; }
  .kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03,
  .kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 {
    padding: 20px; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  position: relative;
  max-width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.05em; }

.kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  letter-spacing: -0.05em; }

.shinkoku-hc .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.shinkoku-ug .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.edge .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  font-size: 15px;
  letter-spacing: -0.02em; }

@media screen and (max-width: 768px) {
  .kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
    letter-spacing: 0.05em; }
  .shinkoku-hc .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .shinkoku-ug .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .edge .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
    font-size: 14px;
    letter-spacing: 0.05em; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle b {
  color: #e76f02; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span {
  display: inline-block;
  width: 312px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e76f02;
  top: -10px; }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .subtitle span {
    width: 100%; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::before, .renew2410 .c-flex-wrap > .c-flex03 .subtitle span::after {
  content: "";
  position: absolute;
  left: 50%; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::before {
  margin-left: -14px;
  bottom: -22px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
  z-index: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::after {
  margin-left: -15px;
  bottom: -24px;
  border: 12px solid transparent;
  border-top: 12px solid #e76f02; }

.renew2410 .c-flex-wrap > .c-flex03 .title {
  margin: 0 auto 21px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .title {
    font-size: 22px; } }

.renew2410 .c-flex-wrap > .c-flex03 .thumb {
  margin: 0 auto 33px; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button {
  margin: 0;
  min-width: auto;
  width: 100%;
  position: relative;
  transition: all .4s;
  overflow: hidden; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button span {
  position: relative;
  z-index: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7c40b;
  transform: translateX(-100%);
  transition: 0.3s;
  z-index: 0; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  right: 30px;
  margin-top: 12px; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button:hover {
  opacity: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button:hover::before {
  transform: translateX(0); }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button {
    margin: 0 auto; }
  .renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::after {
    right: 22px; } }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 {
  width: 425px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 0; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(2n)) {
  margin-right: 32px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 .title {
  font-size: 22px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 figure {
  margin: 0 auto 33px;
  max-width: 320px; }

@media screen and (max-width: 768px) {
  .renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 {
    width: 100%; }
  .renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(2n)) {
    margin-right: 0; } }

.renew2410 .l-consultation-button i {
  margin-right: 13px; }

.renew2410 .l-consultation-button i.icon_onlinedemo::before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_demo.svg") no-repeat 0 0/cover; }

.renew2410 .l-consultation-button i.icon_contact_catalog {
  content: none !important;
  display: inline-block;
  width: 16.28px;
  height: 20px; }

.renew2410 .l-consultation-button i.icon_contact_catalog::before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_demo.svg") no-repeat 0 0/cover; }

@media screen and (max-width: 768px) {
  .l-consultation {
    padding: 30px 0 40px; }
  .l-consultation .inner {
    padding: 0 15px; }
  .l-consultation-head {
    font-size: 22px; }
  .l-consultation-lead {
    text-align: left;
    font-size: 16px; }
  .l-consultation-button-wrap {
    margin-top: 30px; }
  .l-consultation-button {
    display: block;
    min-width: 0;
    max-width: 300px;
    margin: 0 auto;
    padding: 12px 15px;
    font-size: 16px; }
  .l-consultation-button i {
    font-size: 20px; }
  .l-consultation-button:nth-child(1) {
    margin-bottom: 10px; }
  .l-consultation .freedial .label {
    margin-bottom: 0px; }
  .l-consultation .freedial a {
    display: inline-block;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.5px; }
  .l-consultation .freedial a i {
    margin-right: 10px;
    font-size: 40px; }
  .l-consultation .freedial a i:before {
    position: relative;
    top: 6px; }
  .l-consultation .freedial .desc {
    font-size: 14px; }
  .l-consultation.bg {
    padding-bottom: 30vh;
    background-position: center bottom;
    background-size: 80% auto; }
  .l-consultation.bg .inner {
    max-width: 100%;
    padding: 0 20px;
    left: 0; }
  .l-consultation.bg .l-consultation-button {
    width: 100%;
    min-width: 100%; }
  .l-consultation.bg .l-consultation-button:nth-child(n+3) {
    margin-top: 10px; }
  .l-consultation.renew2410 .l-consultation-head {
      font-size: 18px; } }

#footer-bland {
  padding: 0;
  background: #D8F2FF; }

#footer-bland .inner {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bland_bg01.png") no-repeat right bottom; }

#footer-bland .inner .inner {
  padding: 0;
  background: none; }

#footer-bland .information {
  padding-right: 300px; }

#footer-bland .information .desc {
  margin: 10px auto 15px;
  line-height: 2.1;
  word-break: break-all; }

@media screen and (max-width: 768px) {
  #footer-bland .inner {
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 110px auto; }
  #footer-bland .information {
    padding-right: 0; }
  #footer-bland .information .desc {
    line-height: 1.8; } }

/* --------------------------------------------
2024年10月MV改修追加クラス
-------------------------------------------- */
.renew2410 .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.renew2410 .l-freetrial-head,
.renew2410 .l-freetrial h3,
.renew2410 .l-consultation-head,
.renew2410 .l-consultation h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

.renew2410 .c-flex-wrap > .c-flex03 {
  padding: 40px 24px;
  background-color: #fff;
  border-radius: 4px;
  color: #333; }

.renew2410 .c-flex-wrap > .c-flex03.mr0 {
  margin-right: 0; }

.kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03,
.kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 {
  padding: 40px 16px; }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 {
    padding: 20px; }
  .kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03,
  .kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 {
    padding: 20px; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  position: relative;
  max-width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.05em; }

.kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  letter-spacing: -0.05em; }

.shinkoku-hc .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.shinkoku-ug .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
.edge .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
  font-size: 15px;
  letter-spacing: -0.02em; }

@media screen and (max-width: 768px) {
  .kanjo-kobetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .kanjo-kensetsu .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
    letter-spacing: 0.05em; }
  .shinkoku-hc .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .shinkoku-ug .renew2410 .c-flex-wrap > .c-flex03 .subtitle,
  .edge .renew2410 .c-flex-wrap > .c-flex03 .subtitle {
    font-size: 14px;
    letter-spacing: 0.05em; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle b,
.renew2410 .c-flex-wrap > .c-flex03 .subtitle strong{
  color: #e76f02; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span {
  display: inline-block;
  width: 312px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e76f02;
  top: -10px; }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .subtitle span {
    width: 100%; } }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::before, .renew2410 .c-flex-wrap > .c-flex03 .subtitle span::after {
  content: "";
  position: absolute;
  left: 50%; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::before {
  margin-left: -14px;
  bottom: -22px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
  z-index: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .subtitle span::after {
  margin-left: -15px;
  bottom: -24px;
  border: 12px solid transparent;
  border-top: 12px solid #e76f02; }

.renew2410 .c-flex-wrap > .c-flex03 .title {
  margin: 0 auto 21px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45; }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .title {
    font-size: 22px; } }

.renew2410 .c-flex-wrap > .c-flex03 .thumb {
  margin: 0 auto 33px; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button {
  margin: 0;
  min-width: auto;
  width: 100%;
  position: relative;
  transition: all .4s;
  overflow: hidden; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button span {
  position: relative;
  z-index: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7c40b;
  transform: translateX(-100%);
  transition: 0.3s;
  z-index: 0; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  right: 30px;
  margin-top: 12px; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button:hover {
  opacity: 1; }

.renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button:hover::before {
  transform: translateX(0); }

@media screen and (max-width: 768px) {
  .renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button {
    margin: 0 auto; }
  .renew2410 .c-flex-wrap > .c-flex03 .l-consultation-button::after {
    right: 22px; } }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 {
  width: 425px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 0; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(2n)) {
  margin-right: 32px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 .title {
  font-size: 22px; }

.renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 figure {
  margin: 0 auto 33px;
  max-width: 320px; }

@media screen and (max-width: 768px) {
  .renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03 {
    width: 100%; }
  .renew2410 .l-consultation-button-wrap .c-flex-wrap > .c-flex03:not(:nth-of-type(2n)) {
    margin-right: 0; } }

.renew2410 .l-consultation-button i {
  margin-right: 13px; }

.renew2410 .l-consultation-button i.icon_onlinedemo::before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_demo.svg") no-repeat 0 0/cover; }

.renew2410 .l-consultation-button i.icon_contact_catalog {
  content: none !important;
  display: inline-block;
  width: 16.28px;
  height: 20px; }

.renew2410 .l-consultation-button i.icon_contact_catalog::before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_demo.svg") no-repeat 0 0/cover; }

#footer #footer-conversion {
  display: none !important; }

@media screen and (max-width: 768px) {
  a.zoom[data-lity*=lity] {
    pointer-events: none; }
  a.zoom[data-lity*=lity]:before {
    display: none; }
  a.zoom[data-lity*=lity][href*=youtube] {
    pointer-events: auto; } }

.kanjo em,
.sp_kanjo em{
  color: #AC257D; }

.kanjo-kobetsu em {
  color: #f33d42; }

.kanjo-kensetsu em {
  color: #5a181c; }

.kyuyo em {
  color: #0075C1; }

.saiken em {
  color: #EB6D9A; }

.saimu em {
  color: #B963A4; }

.akikura em {
  color: #006939; }

.akinai em {
  color: #009140; }

.kura em {
  color: #5CAF30; }

.somujinji em {
  color: #00A7B7; }

.jinji em {
  color: #00A7B7; }

.hotei em {
  color: #009ED4; }

.kotei em {
  color: #5D2976; }

.shinkoku em {
  color: #e77008; }

.shinkoku-hc em {
  color: #e77008; }

.shinkoku-ug em {
  color: #fb9b00; }

.eb-cloud em {
  color: #021650; }

div.edge em {
  color: #00438b; }

figure {
  margin: 20px 0;
  padding: 0;
  text-align: center; }

.nav-products figure {
  text-align: initial; }

@media screen and (max-width: 768px) {
  figure {
    margin: 16px 0; }
  .sp_nav-products figure,
  .nav-products figure {
    margin-top: auto;
    margin-bottom: auto; } }

@media screen and (min-width: 769px) {
  #mn_wrap {
    padding-top: 64px !important; } }

.badge {
  width: 120px;
  position: absolute;
  right: 0;
  top: -100px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 200px; }

.kanjo .badge,
.sp_kanjo .badge{
  background-color: #AC257D; }

.kanjo-kobetsu .badge {
  background-color: #f33d42; }

.kanjo-kensetsu .badge {
  background-color: #5a181c; }

.kyuyo .badge {
  background-color: #0075C1; }

.saiken .badge {
  background-color: #EB6D9A; }

.saimu .badge {
  background-color: #B963A4; }

.akikura .badge {
  background-color: #006939; }

.akinai .badge {
  background-color: #009140; }

.kura .badge {
  background-color: #5CAF30; }

.somujinji .badge {
  background-color: #00A7B7; }

.jinji .badge {
  background-color: #00A7B7; }

.hotei .badge {
  background-color: #009ED4; }

.kotei .badge {
  background-color: #5D2976; }

.shinkoku .badge {
  background-color: #e77008; }

.shinkoku-hc .badge {
  background-color: #e77008; }

.shinkoku-ug .badge {
  background-color: #fb9b00; }

div.edge .badge {
  background-color: #00438b; }

@media screen and (max-width: 768px) {
  .badge {
    width: 70px;
    right: 10px;
    top: -75px; } }

.casestudy .company-name {
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
  font-weight: 500; }

.casestudy .company-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px auto;
  text-align: center; }

.ie11 .casestudy .company-image,
.ie10 .casestudy .company-image {
  display: block; }

.casestudy .category {
  margin: 15px auto;
  font-size: 0; }

.casestudy .category li {
  display: inline-block;
  min-width: 80px;
  margin: 0 8px 0 0;
  padding: 0 15px;
  text-align: center;
  border: 1px solid #AC257D;
  border-radius: 30px;
  font-size: 14px; }

.kanjo .casestudy .category li,
.sp_kanjo .casestudy .category li{
  color: #AC257D;
  border-color: #AC257D; }

.kanjo-kobetsu .casestudy .category li {
  color: #f33d42;
  border-color: #f33d42; }

.kanjo-kensetsu .casestudy .category li {
  color: #5a181c;
  border-color: #5a181c; }

.kyuyo .casestudy .category li {
  color: #0075C1;
  border-color: #0075C1; }

.saimu .casestudy .category li {
  color: #B963A4;
  border-color: #B963A4; }

.saiken .casestudy .category li {
  color: #EB6D9A;
  border-color: #EB6D9A; }

.akikura .casestudy .category li {
  color: #006939;
  border-color: #006939; }

.akinai .casestudy .category li {
  color: #009140;
  border-color: #009140; }

.kura .casestudy .category li {
  color: #5CAF30;
  border-color: #5CAF30; }

.somujinji .casestudy .category li,
.jinji .casestudy .category li {
  color: #00A7B7;
  border-color: #00A7B7; }

.hotei .casestudy .category li {
  color: #009ED4;
  border-color: #009ED4; }

.kotei .casestudy .category li {
  color: #5D2976;
  border-color: #5D2976; }

.shinkoku .casestudy .category li,
.shinkoku-hc .casestudy .category li {
  color: #e77008;
  border-color: #e77008; }

.shinkoku-ug .casestudy .category li {
  color: #fb9b00;
  border-color: #fb9b00; }

div.edge .casestudy .category li {
  color: #00438b;
  border-color: #00438b; }

.casestudy .desc {
  margin: 15px auto; }

@media screen and (max-width: 768px) {
  .casestudy .company-name {
    font-size: 15px; }
  .casestudy .company-image {
    display: block;
    margin: 15px auto; }
  .casestudy .company-image img {
    width: 150px; }
  .casestudy .category {
    margin: 10px auto; }
  .casestudy .category li {
    min-width: 60px;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 12px; }
  .casestudy .desc {
    margin: 10px auto 15px; } }

.top .l-section {
  padding: 74px 0; }

@media screen and (max-width: 768px) {
  .top .l-section {
    padding: 60px 0; } }

.top .price h3, .top .price h4, .top .price em {
  font-weight: 600; }

.top .price small {
  font-size: 70%;
  font-weight: normal; }

.top .price .c-box--white {
  padding: 30px; }

.top .price .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.top .price .logo img {
  margin: auto;
  max-height: 70px; }

@media screen and (max-width: 768px) {
  .top .price .logo {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.top .price .logo img + img {
  margin-top: 20px; }

.top .price .c-box {
  margin: 10px auto;
  border-radius: 0;
  font-size: 24px;
  font-weight: 700;
  text-align: center; }

.top .price .c-box p {
  line-height: 1.2; }

.top .price .c-box small {
  font-weight: normal;
  font-size: 16px; }

.top .price .c-button-wrap {
  margin-top: 30px; }

.top .price .c-button-border {
  padding: 13px 0; }

.top .price .c-button-border.verp .gm-model {
  font-size: 14px; }

.top .qa-list {
  margin: 70px auto 50px; }

.top .qa-list__item {
  padding: 11px 26px 18px;
  background: #F5F5F5;
  border-radius: 8px; }

.top .qa-list__item:nth-child(n+2) {
  margin-top: 16px; }

.top .qa-list__item .question {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
  position: relative;
  cursor: pointer; }

.top .qa-list__item .question:after {
  content: "";
  display: block;
  width: 26px;
  height: 14px;
  margin: auto;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/arrow_bottom.svg") no-repeat 0 0/contain;
  position: absolute;
  right: 0;
  top: 22px;
  transition: transform 0.3s; }

.top .qa-list__item .question .num {
  width: 90px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1; }

.top .qa-list__item .question .text {
  -ms-flex: 1;
  flex: 1;
  padding-top: 5px;
  font-size: 24px; }

.top .qa-list__item .answer {
  display: none;
  margin-top: 15px;
  padding-left: 90px; }

.top .qa-list__item .answer .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500; }

.top .qa-list__item.js-open .question:after {
  transform: scale(1, -1); }

@media screen and (max-width: 768px) {
  .top .qa-list {
    margin: 40px auto 30px; }
  .top .qa-list__item {
    padding: 15px 10px; }
  .top .qa-list__item:nth-child(n+2) {
    margin-top: 10px; }
  .top .qa-list__item .question {
    padding-right: 40px; }
  .top .qa-list__item .question:after {
    width: 20px;
    height: 11px;
    right: 15px;
    top: 6px;
    bottom: 0; }
  .top .qa-list__item .question .num {
    width: 40px;
    margin-right: 10px;
    font-size: 35px; }
  .top .qa-list__item .question .text {
    font-size: 18px;
    line-height: 1.4; }
  .top .qa-list__item .answer {
    margin-top: 15px;
    padding-left: 0; }
  .top .qa-list__item .answer .title {
    font-size: 14px; } }

.price-box {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto; }

.price-box-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.price-box-list .formula {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.price-box-list .formula .price-box-list__item {
  padding-right: 80px;
  position: relative; }

.price-box-list .formula .price-box-list__item:nth-child(1) {
  width: 33%; }

.price-box-list .formula .price-box-list__item:nth-child(2) {
  width: 42%; }

.price-box-list .formula .price-box-list__item:nth-child(3) {
  width: 25%; }

.price-box-list .formula .price-box-list__item:nth-child(1)::before, .price-box-list .formula .price-box-list__item:nth-child(1)::after, .price-box-list .formula .price-box-list__item:nth-child(2)::before, .price-box-list .formula .price-box-list__item:nth-child(2)::after {
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: auto;
  background: #000;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0; }

.price-box-list .formula .price-box-list__item:nth-child(1):after, .price-box-list .formula .price-box-list__item:nth-child(2):after {
  transform: rotate(90deg); }

.price-box-list .formula .price-box-list__item:nth-child(3):before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
  transform-origin: 100% 40%;
  transform: rotate(-45deg);
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 14px; }

.price-box-list .formula .price-box-list__item:nth-child(3)::after {
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: auto;
  background: #000;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0; }

.price-box-list .answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  margin-right: 0;
  padding-right: 0; }

.price-box-list p {
  margin: 10px auto; }

.price-box-list p .u-nindent1 {
  display: block; }

.price-box-list .label {
  font-size: 22px;
  font-weight: 500; }

.price-box-list .title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500; }

.price-box-list .title + .label {
  margin-top: 34px; }

.price-box-lead {
  margin: 20px auto 10px;
  font-size: 20px;
  font-weight: 500; }

.price-box-lead:first-child {
  margin-top: 0; }

@media screen and (min-width: 641px) and (max-width: 768px) {
  .price-box-list {
    display: block;
    text-align: center; }
  .price-box-list .formula {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 40px);
    margin: 0 -15px; }
  .price-box-list .formula .price-box-list__item {
    -ms-flex: 1;
    flex: 1;
    width: auto !important;
    margin: 0 15px;
    padding-right: 0; }
  .price-box-list .formula .price-box-list__item:nth-child(3) {
    padding-right: 0; }
  .price-box-list .formula .price-box-list__item:nth-child(1)::before, .price-box-list .formula .price-box-list__item:nth-child(1)::after, .price-box-list .formula .price-box-list__item:nth-child(2)::before, .price-box-list .formula .price-box-list__item:nth-child(2)::after {
    width: 15px;
    height: 3px;
    right: -18px; }
  .price-box-list .formula .price-box-list__item:nth-child(3)::before, .price-box-list .formula .price-box-list__item:nth-child(3)::after {
    display: none; }
  .price-box-list .answer {
    display: block;
    width: 100%;
    margin: 40px auto 0;
    text-align: center;
    position: relative; }
  .price-box-list .answer:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    transform-origin: 100% 40%;
    transform: rotate(45deg);
    position: absolute;
    right: 4px;
    left: 0;
    top: -20px; }
  .price-box-list .answer::after {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    margin: auto;
    background: #000;
    position: absolute;
    right: 0;
    left: 0;
    top: -30px; }
  .price-box-list p {
    margin: 6px auto;
    font-size: 14px; }
  .price-box-list .label {
    font-size: 18px; }
  .price-box-list .title {
    margin-bottom: 10px;
    font-size: 16px; }
  .price-box-lead {
    font-size: 18px; } }

@media screen and (max-width: 640px) {
  .price-box-list {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee; }
  .price-box-list .formula {
    display: block;
    width: 100%;
    margin: auto; }
  .price-box-list .formula .price-box-list__item {
    width: 100% !important;
    margin: 0 0 30px;
    padding: 0 0 30px; }
  .price-box-list .formula .price-box-list__item:nth-child(1)::before, .price-box-list .formula .price-box-list__item:nth-child(1)::after, .price-box-list .formula .price-box-list__item:nth-child(2)::before, .price-box-list .formula .price-box-list__item:nth-child(2)::after {
    width: 20px;
    height: 3px;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0; }
  .price-box-list .formula .price-box-list__item:nth-child(3) {
    margin-bottom: 0;
    padding-bottom: 0; }
  .price-box-list .formula .price-box-list__item:nth-child(3)::before, .price-box-list .formula .price-box-list__item:nth-child(3)::after {
    display: none; }
  .price-box-list .answer {
    width: 100%;
    margin-top: 30px;
    position: relative; }
  .price-box-list .answer:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    transform-origin: 100% 40%;
    transform: rotate(45deg);
    position: absolute;
    right: 2px;
    left: 0;
    top: -15px; }
  .price-box-list .answer::after {
    content: "";
    display: block;
    width: 3px;
    height: 15px;
    margin: auto;
    background: #000;
    position: absolute;
    right: 0;
    left: 0;
    top: -20px; }
  .price-box-list p {
    margin: 6px auto;
    font-size: 14px; }
  .price-box-list .label {
    font-size: 18px; }
  .price-box-list .title {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.5; }
  .price-box-list .title + .label {
    margin-top: 6px; }
  .price-box-lead {
    font-size: 18px; } }

.price-box .price-box_list {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.price-box .price-box_list .price-box_text::nth-child(1) {
  padding-right: 80px;
  position: relative; }

.price-box .price-box_list .price-box_text::nth-child(1)::before, .price-box .price-box_list .price-box_text::nth-child(1)::after {
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: auto;
  background: #000;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0; }

.price-box .price-box_list .price-box_text::nth-child(1)::after {
  transform: rotate(90deg); }

@media screen and (max-width: 640px) {
  .price-box .price-box_list .price-box_text::nth-child(1) {
    width: 100%;
    padding: 0 0 30px;
    margin: 0 0 30px; }
  .price-box .price-box_list .price-box_text::nth-child(1)::before, .price-box .price-box_list .price-box_text::nth-child(1)::after {
    width: 20px;
    height: 3px;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0; } }

.spec .checktool-box {
  margin: 40px auto 35px;
  padding: 25px 30px 35px;
  border-radius: 8px;
  background: #f7f7f7;
  line-height: 1.5; }

.spec .checktool-box .title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500; }

.spec .checktool-box .desc {
  margin: 15px auto;
  font-size: 16px; }

.spec .checktool-box .label {
  margin: 15px auto 5px;
  font-size: 16px;
  font-weight: 500; }

.spec .checktool-box .process {
  margin: 10px auto; }

.spec .checktool-box .process li {
  margin: 0 auto 5px;
  padding-left: 1.25em;
  text-indent: -1.25em; }

@media screen and (max-width: 768px) {
  .spec .checktool-box {
    margin: 30px auto 25px;
    padding: 18px 20px; }
  .spec .checktool-box .title {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 500; }
  .spec .checktool-box .desc {
    margin: 12px auto;
    font-size: 14px; }
  .spec .checktool-box .label {
    margin: 12px auto 5px;
    font-size: 14px; }
  .spec .checktool-box .process {
    margin: 8px auto; } }

.price .outline-list {
  margin-top: 50px;
  margin-bottom: 40px; }

.kanjo .price .outline-list .c-box,
.sp_kanjo .price .outline-list .c-box{
  background: #FEF5FB; }

.kyuyo .price .outline-list .c-box {
  background: #E8F0F5; }

.saiken .price .outline-list .c-box {
  background: #F6EAEE; }

.saimu .price .outline-list .c-box {
  background: #F2E8F0; }

.akikura .price .outline-list .c-box {
  background: #eef6f2; }

.akinai .price .outline-list .c-box {
  background: #f5fefa; }

.kura .price .outline-list .c-box {
  background: #f6fef5; }

.somujinji .price .outline-list .c-box {
  background: #f5fdfe; }

.jinji .price .outline-list .c-box {
  background: #f5fdfe; }

.hotei .price .outline-list .c-box {
  background: #f5fcfe; }

.kotei .price .outline-list .c-box {
  background: #f7f5fe; }

.shinkoku .price .outline-list .c-box {
  background: #fefaf5; }

.shinkoku-hc .price .outline-list .c-box {
  background: #fefaf5; }

.shinkoku-ug .price .outline-list .c-box {
  background: #fefaf5; }

.price .outline-list .c-link-anchor {
  margin: 0; }

.price .outline-list .flow {
  position: relative; }

.price .outline-list .flow:not(:last-child):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 17px solid transparent;
  position: absolute;
  right: -49px;
  top: 0;
  bottom: 0; }

.kanjo .price .outline-list .flow:not(:last-child):after,
.sp_kanjo .price .outline-list .flow:not(:last-child):after{
  border-left-color: #AC257D; }

.kanjo-kobetsu .price .outline-list .flow:not(:last-child):after {
  border-left-color: #f33d42; }

.kanjo-kensetsu .price .outline-list .flow:not(:last-child):after {
  border-left-color: #5a181c; }

.kyuyo .price .outline-list .flow:not(:last-child):after {
  border-left-color: #0075C1; }

.saiken .price .outline-list .flow:not(:last-child):after {
  border-left-color: #EB6D9A; }

.saimu .price .outline-list .flow:not(:last-child):after {
  border-left-color: #B963A4; }

.akikura .price .outline-list .flow:not(:last-child):after {
  border-left-color: #006939; }

.akinai .price .outline-list .flow:not(:last-child):after {
  border-left-color: #009140; }

.kura .price .outline-list .flow:not(:last-child):after {
  border-left-color: #5CAF30; }

.somujinji .price .outline-list .flow:not(:last-child):after {
  border-left-color: #00A7B7; }

.jinji .price .outline-list .flow:not(:last-child):after {
  border-left-color: #00A7B7; }

.hotei .price .outline-list .flow:not(:last-child):after {
  border-left-color: #009ED4; }

.kotei .price .outline-list .flow:not(:last-child):after {
  border-left-color: #5D2976; }

.shinkoku .price .outline-list .flow:not(:last-child):after {
  border-left-color: #e77008; }

.shinkoku-hc .price .outline-list .flow:not(:last-child):after {
  border-left-color: #e77008; }

.shinkoku-ug .price .outline-list .flow:not(:last-child):after {
  border-left-color: #fb9b00; }

.price .outline-list-plus {
  margin: 40px auto;
  text-align: center; }

.price .outline-list-plus p {
  font-size: 18px;
  padding-top: 60px;
  position: relative; }

.price .outline-list-plus p:before, .price .outline-list-plus p:after {
  content: "";
  width: 6px;
  height: 54px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }

.kanjo .price .outline-list-plus p:before, .kanjo .price .outline-list-plus p:after,
.sp_kanjo .price .outline-list-plus p:before, .sp_kanjo .price .outline-list-plus p:after{
  background-color: #AC257D; }

.kanjo-kobetsu .price .outline-list-plus p:before, .kanjo-kobetsu .price .outline-list-plus p:after {
  background-color: #f33d42; }

.kanjo-kensetsu .price .outline-list-plus p:before, .kanjo-kensetsu .price .outline-list-plus p:after {
  background-color: #5a181c; }

.kyuyo .price .outline-list-plus p:before, .kyuyo .price .outline-list-plus p:after {
  background-color: #0075C1; }

.saiken .price .outline-list-plus p:before, .saiken .price .outline-list-plus p:after {
  background-color: #EB6D9A; }

.saimu .price .outline-list-plus p:before, .saimu .price .outline-list-plus p:after {
  background-color: #B963A4; }

.akikura .price .outline-list-plus p:before, .akikura .price .outline-list-plus p:after {
  background-color: #006939; }

.akinai .price .outline-list-plus p:before, .akinai .price .outline-list-plus p:after {
  background-color: #009140; }

.kura .price .outline-list-plus p:before, .kura .price .outline-list-plus p:after {
  background-color: #5CAF30; }

.somujinji .price .outline-list-plus p:before, .somujinji .price .outline-list-plus p:after {
  background-color: #00A7B7; }

.jinji .price .outline-list-plus p:before, .jinji .price .outline-list-plus p:after {
  background-color: #00A7B7; }

.hotei .price .outline-list-plus p:before, .hotei .price .outline-list-plus p:after {
  background-color: #009ED4; }

.kotei .price .outline-list-plus p:before, .kotei .price .outline-list-plus p:after {
  background-color: #5D2976; }

.shinkoku .price .outline-list-plus p:before, .shinkoku .price .outline-list-plus p:after {
  background-color: #e77008; }

.shinkoku-hc .price .outline-list-plus p:before, .shinkoku-hc .price .outline-list-plus p:after {
  background-color: #e77008; }

.shinkoku-ug .price .outline-list-plus p:before, .shinkoku-ug .price .outline-list-plus p:after {
  background-color: #fb9b00; }

.price .outline-list-plus p:after {
  transform: rotate(90deg); }

@media screen and (max-width: 768px) {
  .price .outline-list {
    margin-top: 40px;
    margin-bottom: 30px; }
  .price .outline-list .flow:not(:last-child) {
    margin-bottom: 20px; }
  .price .outline-list .flow:not(:last-child):after {
    border: 10px solid transparent;
    right: 0;
    left: 0;
    top: auto;
    bottom: -30px;
    transform: rotate(90deg); }
  .price .outline-list-plus {
    margin: 20px auto; }
  .price .outline-list-plus p {
    font-size: 14px;
    padding-top: 35px; }
  .price .outline-list-plus p:before, .price .outline-list-plus p:after {
    content: "";
    width: 3px;
    height: 28px; } }

.price .simulation-box {
  margin-bottom: 100px;
  border: 2px solid #cecece;
  position: relative; }

.price .simulation-box + .c-head-text + .c-head-section {
  margin-top: 60px; }

.price .simulation-box iframe {
  width: 100%;
  height: 630px; }

.price .simulation-box .frame {
  width: 100%;
  height: 630px;
  overflow: scroll; }

@media screen and (max-width: 768px) {
  .price .simulation-box {
    overflow: scroll;
    margin-bottom: 60px;
    position: relative; }
  .price .simulation-box:before {
    content: "";
    display: block;
    width: 65px;
    height: 65px;
    margin: auto;
    background: rgba(0, 0, 0, 0.5) url("//www.obc.co.jp/hubfs/obc/v1/images/common/icon_swipe.png") no-repeat center center/45px 46px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s 0.5s; }
  .price .simulation-box.js-remove:before {
    visibility: hidden;
    opacity: 0; }
  .price .simulation-box + .c-head-text + .c-head-section {
    margin-top: 40px; }
  .price .simulation-box iframe {
    height: 400px; } }

.price .system-infographics {
  max-width: 960px;
  width: 100%;
  margin: 40px auto; }

.kanjo .price .system-infographics .is,
.sp_kanjo .price .system-infographics .is{
  background-color: #AC257D; }

.kanjo .price .system-infographics .ib,
.sp_kanjo .price .system-infographics .ib{
  background-color: #D746A5; }

.kanjo .price .system-infographics .ia,
.sp_kanjo .price .system-infographics .ia{
  background-color: #E070B9; }

.kanjo .price .system-infographics .j,
.sp_kanjo .price .system-infographics .j{
  background-color: #EEAFD8; }

.kanjo-kobetsu .price .system-infographics .is {
  background-color: #f33d42; }

.kanjo-kobetsu .price .system-infographics .ib {
  background-color: #e4767a; }

.kanjo-kobetsu .price .system-infographics .ia {
  background-color: #f7b4b6; }

.kanjo-kensetsu .price .system-infographics .is {
  background-color: #5a181c; }

.kanjo-kensetsu .price .system-infographics .ib {
  background-color: #9a7779; }

.kanjo-kensetsu .price .system-infographics .ia {
  background-color: #bea8aa; }

.saiken .price .system-infographics .is {
  background-color: #f29fbd; }

.saiken .price .system-infographics .ib {
  background-color: #f4b3cb; }

.saiken .price .system-infographics .ia {
  background-color: #efd1db; }

.saimu .price .system-infographics .is {
  background-color: #d898c8; }

.saimu .price .system-infographics .ib {
  background-color: #e1b2d6; }

.saimu .price .system-infographics .ia {
  background-color: #e4ccde; }

.akinai .price .system-infographics .is,
.akikura .price .system-infographics .is {
  background-color: #009434; }

.akinai .price .system-infographics .ib,
.akikura .price .system-infographics .ib {
  background-color: #50a06c; }

.akinai .price .system-infographics .ia,
.akikura .price .system-infographics .ia {
  background-color: #8ac79f; }

.price .system-infographics.kura .is {
  background-color: #5caf30; }

.price .system-infographics.kura .ib {
  background-color: #7ac552; }

.price .system-infographics.kura .ia {
  background-color: #a4ce8d; }

.kyuyo .price .system-infographics .is {
  background-color: #0474bd; }

.kyuyo .price .system-infographics .ib {
  background-color: #55b1ec; }

.kyuyo .price .system-infographics .ia {
  background-color: #96d6ff; }

.kyuyo .price .system-infographics .ie {
  background-color: #b3d3e7; }

.hotei .price .system-infographics .is {
  background-color: #36a9cf; }

.hotei .price .system-infographics .ib {
  background-color: #61b3ce; }

.hotei .price .system-infographics .ia {
  background-color: #8cbecf; }

.kotei .price .system-infographics .is {
  background-color: #7a4792; }

.kotei .price .system-infographics .ib {
  background-color: #9167a5; }

.kotei .price .system-infographics .ia {
  background-color: #a784b8; }

.shinkoku .price .system-infographics .is,
.shinkoku-hc .price .system-infographics .is {
  background-color: #e0904f; }

.shinkoku .price .system-infographics .ib,
.shinkoku-hc .price .system-infographics .ib {
  background-color: #ebb385; }

.shinkoku .price .system-infographics .ia,
.shinkoku-hc .price .system-infographics .ia {
  background-color: #fadbc1; }

.shinkoku-ug .price .system-infographics .is {
  background-color: #ffc15d; }

.shinkoku-ug .price .system-infographics .ib {
  background-color: #ffcf83; }

.shinkoku-ug .price .system-infographics .ia {
  background-color: #ffdca3; }

.somujinji .price .system-infographics .is,
.jinji .price .system-infographics .is {
  background-color: #1c8892; }

.somujinji .price .system-infographics .ib,
.jinji .price .system-infographics .ib {
  background-color: #57adb5; }

.somujinji .price .system-infographics .ia,
.jinji .price .system-infographics .ia {
  background-color: #9ed7dc; }

.price .system-infographics .list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px; }

.price .system-infographics .list .item {
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px;
  padding: 10px 15px;
  text-align: center;
  color: #fff; }

.price .system-infographics .list .item .title {
  font-size: 81px;
  line-height: 1;
  font-weight: 900; }

.price .system-infographics .list .item .desc {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5; }

.price .system-infographics .detail {
  margin-top: 10px;
  padding: 15px 15px;
  border: 2px solid #cecece;
  font-size: 14px; }

.price .system-infographics .detail p {
  margin-top: 0; }

.price .system-infographics .detail02 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px; }

.price .system-infographics .detail02 .item {
  width: 49%;
  padding: 15px 15px;
  border: 2px solid #cecece;
  font-size: 14px; }

.price .system-infographics .detail02 .item:nth-child(n+3) {
  margin-top: 20px; }

.price .system-infographics .detail02 .title {
  font-size: 16px; }

.price .system-infographics .detail02 p {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .price .system-infographics {
    margin: 30px auto; }
  .price .system-infographics .list {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0; }
  .price .system-infographics .list .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 12px 10px; }
  .price .system-infographics .list .item:nth-child(n+3) {
    margin-top: 0; }
  .price .system-infographics .list .item .title {
    width: 50px;
    margin-right: 10px;
    font-size: 32px; }
  .price .system-infographics .list .item .desc {
    -ms-flex: 1;
    flex: 1;
    margin: auto;
    text-align: left;
    font-size: 12px; }
  .price .system-infographics .list .item .desc br {
    display: none; }
  .price .system-infographics .list .item .desc sup {
    position: static; }
  .price .system-infographics .detail {
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
    padding: 15px 15px;
    border: none;
    border-bottom: 1px dashed #cecece;
    font-size: 13px; }
  .price .system-infographics .detail02 {
    display: block;
    margin-top: 0; }
  .price .system-infographics .detail02 .item {
    width: 100%;
    padding: 15px 15px;
    border: none;
    border-bottom: 1px dashed #cecece;
    font-size: 13px; }
  .price .system-infographics .detail02 .title {
    font-size: 15px; }
  .price .system-infographics .detail02 p {
    margin-top: 0; } }

.price .c-table thead td, .price .c-table thead th {
  font-size: 20px; }

.price .c-table tbody th, .price .c-table tbody td {
  padding: 15px; }

@media screen and (max-width: 768px) {
  .price .c-table thead td, .price .c-table thead th {
    font-size: 15px; }
  .price .c-table tbody th, .price .c-table tbody td {
    padding: 8px; } }

.price .propose-lineup {
  -ms-flex-pack: center;
  justify-content: center; }

.price .propose-lineup .item {
  display: -ms-flexbox;
  display: flex;
  direction: column;
  border: 2px solid #eee;
  border-radius: 5px; }

.price .propose-lineup .item a {
  width: 100%;
  opacity: 1;
  text-decoration: none;
  color: #333;
  transition: opacity .3s;
  text-align: center; }

.price .propose-lineup .item a:hover {
  opacity: .7; }

.price .propose-lineup .item .category {
  padding: 2px 5px;
  font-size: 14px;
  background: #eee;
  color: #333; }

.price .propose-lineup .item figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  padding: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.price .propose-lineup .item figure .caption {
  margin: 8px auto 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500; }

.kanjo .price .propose-lineup .item figure .caption,
.sp_kanjo .price .propose-lineup .item figure .caption{
  color: #AC257D; }

.kanjo-kobetsu .price .propose-lineup .item figure .caption {
  color: #f33d42; }

.kanjo-kensetsu .price .propose-lineup .item figure .caption {
  color: #5a181c; }

.kyuyo .price .propose-lineup .item figure .caption {
  color: #0075C1; }

.saiken .price .propose-lineup .item figure .caption {
  color: #EB6D9A; }

.saimu .price .propose-lineup .item figure .caption {
  color: #B963A4; }

.akikura .price .propose-lineup .item figure .caption {
  color: #006939; }

.akinai .price .propose-lineup .item figure .caption {
  color: #009140; }

.kura .price .propose-lineup .item figure .caption {
  color: #5CAF30; }

.somujinji .price .propose-lineup .item figure .caption {
  color: #00A7B7; }

.jinji .price .propose-lineup .item figure .caption {
  color: #00A7B7; }

.hotei .price .propose-lineup .item figure .caption {
  color: #009ED4; }

.kotei .price .propose-lineup .item figure .caption {
  color: #5D2976; }

.shinkoku .price .propose-lineup .item figure .caption {
  color: #e77008; }

.shinkoku-hc .price .propose-lineup .item figure .caption {
  color: #e77008; }

.shinkoku-ug .price .propose-lineup .item figure .caption {
  color: #fb9b00; }

.price .propose-lineup .item ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  padding: 15px 20px; }

.price .propose-lineup .item ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 25px; }

.price .propose-lineup .item ul.kintai {
  padding: 0 60px 20px; }

@media screen and (max-width: 768px) {
  .price .propose-lineup .item:nth-child(2) {
    margin-top: 0 !important; }
  .price .propose-lineup .item .category {
    font-size: 11px; }
  .price .propose-lineup .item figure {
    padding: 12px; }
  .price .propose-lineup .item figure img {
    width: 80%;
    max-width: 180px; }
  .ie11 .price .propose-lineup .item figure img {
    width: auto;
    max-height: 30px;
    height: 100%; }
  .price .propose-lineup .item figure .caption {
    margin: 5px auto 0;
    font-size: 12px;
    line-height: 1.4; }
  .price .propose-lineup .item ul {
    padding: 10px 5px; }
  .price .propose-lineup .item ul li {
    margin: 5px 12px; }
  .price .propose-lineup .item ul.kintai {
    padding: 10px 5px; } }

.price-tab--nav {
  display: -ms-flexbox;
  display: flex;
  margin: -5px; }

.price-tab--nav li {
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px;
  padding: 12px;
  border: 1px solid #239edb;
  font-size: 18px;
  color: #239edb;
  text-align: center;
  cursor: pointer;
  position: relative;
  line-height: 1.2; }

.kanjo .price-tab--nav li,
.sp_kanjo .price-tab--nav li{
  border-color: #AC257D;
  color: #AC257D; }

.kanjo-kobetsu .price-tab--nav li {
  border-color: #f33d42;
  color: #f33d42; }

.kanjo-kensetsu .price-tab--nav li {
  border-color: #5a181c;
  color: #5a181c; }

.kyuyo .price-tab--nav li {
  border-color: #0075C1;
  color: #0075C1; }

.saiken .price-tab--nav li {
  border-color: #EB6D9A;
  color: #EB6D9A; }

.saimu .price-tab--nav li {
  border-color: #B963A4;
  color: #B963A4; }

.akikura .price-tab--nav li {
  border-color: #006939;
  color: #006939; }

.akinai .price-tab--nav li {
  border-color: #009140;
  color: #009140; }

.kura .price-tab--nav li {
  border-color: #5CAF30;
  color: #5CAF30; }

.somujinji .price-tab--nav li {
  border-color: #00A7B7;
  color: #00A7B7; }

.jinji .price-tab--nav li {
  border-color: #00A7B7;
  color: #00A7B7; }

.hotei .price-tab--nav li {
  border-color: #009ED4;
  color: #009ED4; }

.kotei .price-tab--nav li {
  border-color: #5D2976;
  color: #5D2976; }

.shinkoku .price-tab--nav li {
  border-color: #e77008;
  color: #e77008; }

.shinkoku-hc .price-tab--nav li {
  border-color: #e77008;
  color: #e77008; }

.shinkoku-ug .price-tab--nav li {
  border-color: #fb9b00;
  color: #fb9b00; }

.price-tab--nav li.current {
  font-weight: 600;
  color: #fff; }

.price-tab--nav li.current em {
  color: #fff; }

.kanjo .price-tab--nav li.current,
.sp_kanjo .price-tab--nav li.current{
  background-color: #AC257D; }

.kanjo-kobetsu .price-tab--nav li.current {
  background-color: #f33d42; }

.kanjo-kensetsu .price-tab--nav li.current {
  background-color: #5a181c; }

.kyuyo .price-tab--nav li.current {
  background-color: #0075C1; }

.saiken .price-tab--nav li.current {
  background-color: #EB6D9A; }

.saimu .price-tab--nav li.current {
  background-color: #B963A4; }

.akikura .price-tab--nav li.current {
  background-color: #006939; }

.akinai .price-tab--nav li.current {
  background-color: #009140; }

.kura .price-tab--nav li.current {
  background-color: #5CAF30; }

.somujinji .price-tab--nav li.current {
  background-color: #00A7B7; }

.jinji .price-tab--nav li.current {
  background-color: #00A7B7; }

.hotei .price-tab--nav li.current {
  background-color: #009ED4; }

.kotei .price-tab--nav li.current {
  background-color: #5D2976; }

.shinkoku .price-tab--nav li.current {
  background-color: #e77008; }

.shinkoku-hc .price-tab--nav li.current {
  background-color: #e77008; }

.shinkoku-ug .price-tab--nav li.current {
  background-color: #fb9b00; }

.price-tab--nav li small {
  display: block;
  font-size: 75%; }

.kyuyo .price-tab--nav li:nth-of-type(3),
.jinji .price-tab--nav li:nth-of-type(3),
.hotei .price-tab--nav li:nth-of-type(3) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 768px) {
  .price-tab--nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .price-tab--nav li {
    -ms-flex: auto;
    flex: auto;
    padding: 0 8px;
    width: 30%;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    height: 3em; }
  .price-tab--nav li:nth-child(n+4) {
    margin-top: 1em; }
  .price-tab--nav li em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap; } }

.price-tab--content {
  display: none; }

.price-tab--content.current {
  display: block; }

.price-tab--content .bg-white {
  background-color: #fff !important; }

.price-tab--content .service-list {
  display: table;
  width: 100%; }

.price-tab--content .service-list ul {
  display: table-cell; }

@media screen and (max-width: 768px) {
  .price-tab--content .service-list {
    display: block; }
  .price-tab--content .service-list ul {
    display: block; }
  .price-tab--content .service-list ul + ul {
    margin-top: -10px; } }

.price-tab--content .top-price-table thead th em {
  position: relative;
  font-size: 30px; }

.price-tab--content .top-price-table thead th em small {
  margin-left: 0.5rem;
  font-size: 14px;
  position: relative;
  top: -.25rem; }

.price-tab--content .top-price-table thead th span.u-fontsize14 {
  font-weight: 400; }

.price-tab--content .top-price-table thead th.text span {
  color: #3e3e3e; }

.price-tab--content .top-price-table thead tr:nth-child(1) th {
  line-height: 1; }

.price-tab--content .top-price-table thead tr:last-child th {
  padding-bottom: .5em; }

.price-tab--content .top-price-table tbody td .large {
  font-size: 20px; }

.price-tab--content .logo {
  margin: 30px auto 60px; }

@media screen and (min-width: 769px) {
  .price #plan03.price-tab--content .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)),
  .price #plan04.price-tab--content .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)) {
    border-right: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .price #plan03.price-tab--content .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)),
  .price #plan04.price-tab--content .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)) {
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px; }
  
  .price-tab--content .logo {
    margin: 15px auto 30px; } }

.price .fw_normal {
  font-weight: normal !important; }

.price .fw_bold {
  font-weight: bold !important; }

.price .fs_14 {
  font-size: 14px; }

.price .fs_15 {
  font-size: 15px; }

.price .fs_18 {
  font-size: 18px; }

.price .fs_20 {
  font-size: 20px; }

.function .c-box .c-button {
  margin-top: 20px; }

.function .category-label {
  display: inline-block;
  margin-right: 7px;
  padding: 3px 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  border: 1px solid #AC257D; }

.kanjo .function .category-label,
.sp_kanjo .function .category-label{
  border-color: #AC257D;
  color: #AC257D; }

.kanjo-kobetsu .function .category-label {
  border-color: #f33d42;
  color: #f33d42; }

.kanjo-kensetsu .function .category-label {
  border-color: #5a181c;
  color: #5a181c; }

.kyuyo .function .category-label {
  border-color: #0075C1;
  color: #0075C1; }

.saiken .function .category-label {
  border-color: #EB6D9A;
  color: #EB6D9A; }

.saimu .function .category-label {
  border-color: #B963A4;
  color: #B963A4; }

.akikura .function .category-label {
  border-color: #006939;
  color: #006939; }

.akinai .function .category-label {
  border-color: #009140;
  color: #009140; }

.kura .function .category-label {
  border-color: #5CAF30;
  color: #5CAF30; }

.somujinji .function .category-label,
.jinji .function .category-label {
  border-color: #00A7B7;
  color: #00A7B7; }

.hotei .function .category-label {
  border-color: #009ED4;
  color: #009ED4; }

.kotei .function .category-label {
  border-color: #5D2976;
  color: #5D2976; }

.shinkoku .function .category-label,
.shinkoku-hc .function .category-label {
  border-color: #e77008;
  color: #e77008; }

.shinkoku-ug .function .category-label {
  border-color: #fb9b00;
  color: #fb9b00; }

div.edge .consultation-table {
  border-collapse: separate;
  border-spacing: 5px; }

div.edge .consultation-table th,
div.edge .consultation-table td {
  padding: 0.75em 1em;
  font-size: 12px; }

div.edge .consultation-table th {
  background: #057DB8;
  color: #fff;
  vertical-align: middle; }

div.edge .consultation-table th.none {
  background: transparent; }

div.edge .consultation-table th.before {
  background: #999; }

div.edge .consultation-table td {
  border: 1px solid #057DB8;
  line-height: 1.65; }

div.edge .consultation-table td.before {
  border: 1px solid #ccc;
  position: relative; }

div.edge .consultation-table td.before:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 14px solid #f7701e;
  position: absolute;
  right: -11px;
  top: 0;
  bottom: 0; }

div.edge div.edge-price-list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 22px;
  padding-bottom: 25px;
  border-bottom: 2px dashed #ccc; }

div.edge div.edge-price-list li img {
  width: 250px;
  margin-right: 20px; }

div.edge div.edge-price-list li .lead {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2; }

div.edge div.edge-price-list li .year {
  margin-right: 20px; }

@media screen and (max-width: 786px) {
  div.edge div.edge-price-list li {
    display: block;
    margin-bottom: 13px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc; }
  div.edge div.edge-price-list li img {
    display: block;
    width: 200px;
    margin: 0 0 15px; }
  div.edge div.edge-price-list li .lead {
    display: block;
    padding-top: 0;
    font-size: 15px; }
  div.edge div.edge-price-list li .year {
    margin-right: 0;
    margin-bottom: 10px; } }

@media screen and (min-width: 769px) {
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span {
    position: static;
    transform: translate(0, 0);
    font-size: 20px;
    line-height: 1; }
  .edge.ie11 div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span,
  .edge.ie10 div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span {
    position: static; }
  .ie11 div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span,
  .ie10 div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span {
    position: relative; }
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo span + span {
    margin-left: 5px; }
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo img {
    height: 20px; }
  div.edge.h-info #mn_wrap #udnav .udnav_in .spwrap {
    margin-left: 5px; } }

@media screen and (min-width: 769px) and (max-width: 1280px) {
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo img {
    height: 18px; } }

@media screen and (max-width: 768px) {
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo a {
    width: 80%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  div.edge.h-info #mn_wrap #udnav .udnav_in .udnav_logo a span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 33%;
    height: auto;
    margin-right: 5px; } }

#search #hv_wrap {
  position: relative; }

#search .hv_switch {
  border: 4px solid #ddd; }

#search .hv_switch h4 em {
  display: inline-block; }

#search .con_in {
  border: 4px solid #006939; }

#search .hv_con {
  display: none;
  position: absolute;
  left: 0px;
  padding-top: 50px;
  width: 100%;
  z-index: 99; }

#search .wrap_in > div.hover .hv_switch, #search .wrap_in > div.active .hv_switch {
  border-color: #006939; }

#search .wrap_in > div.active .hv_switch {
  position: relative; }

#search .wrap_in > div.active .hv_switch::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -18px;
  border-style: solid;
  border-width: 36px 36px 0 0;
  border-color: #006939 transparent transparent transparent; }

#search .modal_close {
  background: #f7f7f7;
  position: relative;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer; }

#search .modal_close_icon {
  display: inline-block;
  top: 15px;
  right: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer; }

@media screen and (min-width: 769px) {
  #search .modal_close_icon {
    width: auto;
    height: auto; } }

#search .c-button-wrap {
  margin: 40px auto 0; }

#search .c-button-border {
  border: 2px solid #006939;
  color: #006939;
  max-width: 250px; }

#search .c-button-border:hover {
  color: #fff;
  border-color: #006939;
  background: #006939; }

#search .c-button-border::after {
  display: none; }

#hv_wrap .wrap_in.c-flex02 .active .hv_con {
  display: block; }

/* 
* 
* 
* メインビジュアル内ボタン用スタイル */
.mv-conversion {
  margin-top: 24px;
  margin-bottom: 12px; }

.mv-conversion.negative {
  margin-top: -60px !important;
  text-align: center; }

.mv-conversion.negative .mv-conversion-button {
  font-size: 34px !important;
  position: relative;
  border: 3px solid #e76f02; }

.mv-conversion.negative .mv-conversion-button span {
  display: block;
  position: relative;
  line-height: 1;
  margin-bottom: 0.2em; }

.mv-conversion.negative .mv-conversion-button small {
  display: inline-block;
  font-size: 20px;
  position: relative; }

.mv-conversion.negative .mv-conversion-button small::before, .mv-conversion.negative .mv-conversion-button small::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 50%; }

.mv-conversion.negative .mv-conversion-button small::before {
  left: -5px;
  transform: rotate(-35deg) translateY(-50%); }

.mv-conversion.negative .mv-conversion-button small::after {
  right: -5px;
  transform: rotate(35deg) translateY(-50%); }

.mv-conversion.negative .mv-conversion-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 18px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%); }

.mv-conversion.negative .mv-conversion-button::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #e76f02;
  border-bottom: 3px solid #e76f02;
  border-radius: 1px;
  top: 50%;
  right: 20px;
  transform: rotate(-45deg) translateY(-50%); }

@media screen and (min-width: 769px) {
  .mv-conversion.negative .mv-conversion-button {
    min-width: 680px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 5px 20px !important;
    transition: all 0.3s; }
  .mv-conversion.negative .mv-conversion-button:hover {
    opacity: 1 !important;
    background-color: #fff;
    border: 3px solid #e76f02;
    color: #e76f02;
    transition: all 0.3s; }
  .mv-conversion.negative .mv-conversion-button:hover small::before, .mv-conversion.negative .mv-conversion-button:hover small::after {
    background-color: #e76f02; } }

.mv-conversion .mv-conversion-button {
  display: inline-block;
  min-width: 230px;
  margin: 0 5px;
  padding: 15px 15px;
  background: #e76f02;
  border-radius: 100px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: normal; }

.l-section .mv-conversion .mv-conversion-button {
  min-width: 300px; }

.mv-conversion .mv-conversion-button i {
  display: inline-block;
  margin-right: 5px;
  font-size: 22px;
  vertical-align: middle; }

.mv-conversion .mv-conversion-button i:before {
  position: relative; }

@media screen and (min-width: 769px) {
  .mv-conversion .mv-conversion-button {
    opacity: 1;
    transition: opacity 0.2s; }
  .mv-conversion .mv-conversion-button:hover {
    opacity: 0.75; } }

@media screen and (max-width: 768px) {
  .mv-conversion {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mv-conversion.negative {
    margin-top: -40px !important; }
  .mv-conversion.negative .mv-conversion-button {
    font-size: 22px !important; }
  .mv-conversion.negative .mv-conversion-button small {
    font-size: 14px !important; }
  .mv-conversion.negative .mv-conversion-button::before {
    width: 24px;
    height: 24px; }
  .mv-conversion.negative .mv-conversion-button::after {
    width: 8px;
    height: 8px;
    right: 16px; }
  .mv-conversion .mv-conversion-button {
    display: block;
    min-width: 0;
    max-width: 300px;
    margin: 0 auto;
    padding: 12px 15px;
    font-size: 14px; }
  .l-section .mv-conversion .mv-conversion-button {
    min-width: 0; }
  .mv-conversion .mv-conversion-button i {
    font-size: 18px; }
  .mv-conversion .mv-conversion-button:nth-child(1) {
    margin-bottom: 10px; } }

/*  メインビジュアル内バナー用スタイル */
.mv-banner {
  margin-top: 20px;
  text-align: center;
  position: absolute;
  width: 300px;
  height: 150px;
  right: 0px; }

.mv-banner a {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.2s; }

.mv-banner a img {
  max-width: 300px;
  margin: auto; }

.mv-banner a:hover {
  opacity: .75; }

@media screen and (max-width: 768px) {
  .mv-banner {
    position: relative;
    width: 100%;
    height: auto;
    right: auto; }
  .mv-banner a img {
    max-width: 100%; } }

.eb-cloud .bgc {
  background-color: #021650;
  color: #fff; }

.eb-cloud .bgc * {
  color: #fff; }

.process-wrap {
  position: relative; }

.process-wrap.c-box {
  padding-top: 50px;
  padding-bottom: 20px; }

@media screen and (max-width: 768px) {
  .process-wrap.c-box {
    margin-bottom: 40px; } }

.process-wrap .process-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 768px) {
  .process-wrap .process-box {
    -ms-flex-flow: column;
    flex-flow: column; } }

.process-wrap .process-box .process-item:first-child {
  margin-right: 100px; }

@media screen and (max-width: 768px) {
  .process-wrap .process-box .process-item:first-child {
    margin-right: 0px;
    margin-bottom: 100px; } }

@media screen and (max-width: 768px) {
  .process-wrap .process-box .process-item figure {
    margin-top: 0; } }

.process-wrap .process-box .process-item figure img {
  max-height: 200px; }

@media screen and (max-width: 768px) {
  .process-wrap .process-box .process-item figure img {
    max-height: 150px; } }

.process-wrap .tag {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 6px 20px; }

.kanjo .process-wrap .tag,
.sp_kanjo .process-wrap .tag{
  background-color: #AC257D; }

.kanjo-kobetsu .process-wrap .tag {
  background-color: #f33d42; }

.kanjo-kensetsu .process-wrap .tag {
  background-color: #5a181c; }

.kyuyo .process-wrap .tag {
  background-color: #0075C1; }

.saiken .process-wrap .tag {
  background-color: #EB6D9A; }

.saimu .process-wrap .tag {
  background-color: #B963A4; }

.akikura .process-wrap .tag {
  background-color: #006939; }

.akinai .process-wrap .tag {
  background-color: #009140; }

.kura .process-wrap .tag {
  background-color: #5CAF30; }

.somujinji .process-wrap .tag {
  background-color: #00A7B7; }

.jinji .process-wrap .tag {
  background-color: #00A7B7; }

.hotei .process-wrap .tag {
  background-color: #009ED4; }

.kotei .process-wrap .tag {
  background-color: #5D2976; }

.shinkoku .process-wrap .tag {
  background-color: #e77008; }

.shinkoku-hc .process-wrap .tag {
  background-color: #e77008; }

.shinkoku-ug .process-wrap .tag {
  background-color: #fb9b00; }

.eb-cloud .process-wrap .tag {
  background-color: #021650; }

div.edge .process-wrap .tag {
  background-color: #00438b; }

.process-wrap .tag.bg-gray {
  background-color: #666; }

.process-wrap .arrow {
  position: absolute;
  top: 50%;
  left: 47%; }

@media screen and (max-width: 768px) {
  .process-wrap .arrow {
    margin-right: 0px;
    margin-bottom: 80px;
    transform: rotate(90deg);
    left: 40%;
    width: 60px; } }

.product-item {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: bold; }

.product-item ul {
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 768px) {
  .product-item ul {
    -ms-flex-flow: column;
    flex-flow: column; } }

.product-item ul li {
  background-color: #fff;
  padding: 10px;
  color: #333;
  margin-right: 10px;
  min-width: 202px;
  text-align: center; }

.kanjo .product-item ul li,
.sp_kanjo .product-item ul li{
  color: #AC257D; }

.kanjo-kobetsu .product-item ul li {
  color: #f33d42; }

.kanjo-kensetsu .product-item ul li {
  color: #5a181c; }

.kyuyo .product-item ul li {
  color: #0075C1; }

.saiken .product-item ul li {
  color: #EB6D9A; }

.saimu .product-item ul li {
  color: #B963A4; }

.akikura .product-item ul li {
  color: #006939; }

.akinai .product-item ul li {
  color: #009140; }

.kura .product-item ul li {
  color: #5CAF30; }

.somujinji .product-item ul li {
  color: #00A7B7; }

.jinji .product-item ul li {
  color: #00A7B7; }

.hotei .product-item ul li {
  color: #009ED4; }

.kotei .product-item ul li {
  color: #5D2976; }

.shinkoku .product-item ul li {
  color: #e77008; }

.shinkoku-hc .product-item ul li {
  color: #e77008; }

.shinkoku-ug .product-item ul li {
  color: #fb9b00; }

.eb-cloud .product-item ul li {
  color: #021650; }

div.edge .product-item ul li {
  color: #00438b; }

@media screen and (max-width: 768px) {
  .product-item ul li {
    margin-right: 0px;
    margin-bottom: 5px; } }

.product-item ul li:last-child {
  margin-right: 0px; }


@charset "UTF-8";
/* --------------------------------------------

FileName    :    object.css

-------------------------------------------- */
.c-flex-column-half, .c-flex-column-quarter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch; }

.c-link-text:after, .p-blockquote:before, .p-blockquote:after {
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.p-lineup:first-child, .c-flex-grid:first-child, .c-flex-wrap:first-child, .c-box:first-child, .c-box--white:first-child, .c-box--narrow:first-child, .c-box--border:first-child, .c-box--color:first-child, .c-head-section:first-child, .c-head-section--huge:first-child, .c-head-section--large:first-child, .c-head-section--renew2025:first-child, .c-head-text:first-child, .c-head-text--huge:first-child, .c-head-text--large:first-child, .c-head-text--small:first-child, .c-head-text--tiny:first-child, .c-head-text--xxxlarge:first-child, .c-head-text--xxlarge:first-child, .c-head-text--xlarge:first-child, .c-lead:first-child, .c-lead--huge:first-child, .c-lead--large:first-child, .c-lead--small:first-child, .c-lead--tiny:first-child, .c-link-text:first-child, .c-link-anchor:first-child, #mn_wrap .c-list-border:first-child, #mn_wrap .c-list-border li:first-child, .c-button-wrap:first-child, .c-define:first-child, table:first-child, table caption:first-child, .c-patent:first-child, .p-hero-head--text:first-child, .p-blockquote:first-child, .p-comment:first-child, .p-comment--large:first-child, .p-comment .detail p:first-child, .p-comment--large .detail p:first-child {
  margin-top: auto; }

.p-lineup:last-child, .c-flex-grid:last-child, .c-flex-wrap:last-child, .c-box:last-child, .c-box--white:last-child, .c-box--narrow:last-child, .c-box--border:last-child, .c-box--color:last-child, .c-head-section:last-child, .c-head-section--huge:last-child, .c-head-section--large:last-child, .c-head-section--renew2025:last-child, .c-head-text:last-child, .c-head-text--huge:last-child, .c-head-text--large:last-child, .c-head-text--small:last-child, .c-head-text--tiny:last-child, .c-head-text--xxxlarge:last-child, .c-head-text--xxlarge:last-child, .c-head-text--xlarge:last-child, .c-lead:last-child, .c-lead--huge:last-child, .c-lead--large:last-child, .c-lead--small:last-child, .c-lead--tiny:last-child, .c-link-text:last-child, .c-link-anchor:last-child, #mn_wrap .c-list-border:last-child, #mn_wrap .c-list-border li:last-child, .c-button-wrap:last-child, .c-define:last-child, table:last-child, table caption:last-child, .c-patent:last-child, .p-hero-head--text:last-child, .p-blockquote:last-child, .p-comment:last-child, .p-comment--large:last-child, .p-comment .detail p:last-child, .p-comment--large .detail p:last-child {
  margin-bottom: auto; }

.p-lineup {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 15px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.p-lineup > .c-flex {
  -ms-flex: 1;
  flex: 1; }

.c-head-label strong, .c-keyword, .c-keyword--small {
  font-family: 'Barlow','Noto Sans JP',sans-serif; }

.c-link-text:after, .p-blockquote:before, .p-blockquote:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

        font set

====================================================*/
@font-face {
  font-family: 'icon';
  src: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49");
  src: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49#iefix") format("embedded-opentype"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.ttf?23to49") format("truetype"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.woff?23to49") format("woff"), url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.svg?23to49#icon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], i {
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.arrow_border_bottom01:before {
  content: "\e900";
  color: #af207f; }

.arrow_border_right01:before {
  content: "\e901";
  color: #00306b; }

.icon_cantact_catalog:before {
  content: "\e902";
  color: #fff; }

.icon_inquiry:before {
  content: "\e903";
  color: #fff; }

.icon_tel:before {
  content: "\e904";
  color: #fff; }

.icon_download:before {
  content: "\e905";
  color: #186eb4; }

.icon_list:before {
  content: "\e906";
  color: #b9c0c8; }

.icon_list:after {
  content: "\e907";
  margin-left: -1em;
  color: #af207f; }

.icon_blockquote01:before {
  content: "\e908";
  color: #ac257d; }

.icon_blockquote02:before {
  content: "\e909";
  color: #ac257d; }

.icon_onlinedemo:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/common/icon_onlinedemo.svg") no-repeat 0 0/cover; }

.icon_movie:before {
	position: relative;
	content: '';
	display: inline-block;
	width: 16px;
    height: 16px;
	background: url(https://www.obc.co.jp/hubfs/obc/v1/images/common/arrow_circle_wh01.svg) no-repeat;
	background-size: 16px 16px;
	top: -3px;
	color: #fff; }

.icon_document::before {
  content: "";
  display: inline-block;
  width: 16.28px;
  height: 20px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_document.svg") no-repeat 0 0/cover; }

.icon_document_white::before {
  content: "";
  display: inline-block;
  width: 17.5px;
  height: 21.5px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/Icon_document_w.svg") no-repeat 0 0/cover; }

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

object

-------------------------------------------- */
.c-flex-grid .c-flex-grid,
.c-flex-grid .c-flex-wrap {
  margin-top: 0;
  margin-bottom: 0; }

.c-flex-grid {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: -30px -8px 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-flex-grid > .c-flex {
  -ms-flex: 1;
  flex: 1;
  margin-top: 30px;
  padding: 0 8px; }

.c-flex-grid.is-align--center {
  -ms-flex-align: center;
  align-items: center; }

.c-flex-grid.is-align--end {
  -ms-flex-align: end;
  align-items: flex-end; }

.c-flex-grid.is-align--start {
  -ms-flex-align: start;
  align-items: flex-start; }

.c-flex-grid.is-justify--center {
  -ms-flex-pack: center;
  justify-content: center; }

.c-flex-grid.is-justify--between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-flex-grid > .c-flex02, .c-flex-grid > .c-flex03, .c-flex-grid > .c-flex04, .c-flex-grid > .c-flex05, .c-flex-grid > .c-flex06, .c-flex-grid > .c-flex07, .c-flex-grid > .c-flex08, .c-flex-grid > .c-flex09, .c-flex-grid > .c-flex10, .c-flex-grid > .c-flex11, .c-flex-grid > .c-flex12, .c-flex-grid > .c-flex13, .c-flex-grid > .c-flex14, .c-flex-grid > .c-flex15, .c-flex-grid > .c-flex16 {
  -ms-flex: none;
  flex: none;
  padding-right: 8px;
  padding-left: 8px;
  margin-top: 30px; }

.c-flex-grid > .c-flex02 {
  width: 50%; }

.c-flex-grid > .c-flex03 {
  width: 33.33333%; }

.c-flex-grid > .c-flex04 {
  width: 25%; }

.c-flex-grid > .c-flex05 {
  width: 20%; }

.c-flex-grid > .c-flex06 {
  width: 16.66667%; }

.c-flex-grid > .c-flex07 {
  width: 14.28571%; }

.c-flex-grid > .c-flex08 {
  width: 12.5%; }

.c-flex-grid > .c-flex09 {
  width: 11.11111%; }

.c-flex-grid > .c-flex10 {
  width: 10%; }

.c-flex-grid > .c-flex11 {
  width: 9.09091%; }

.c-flex-grid > .c-flex12 {
  width: 8.33333%; }

.c-flex-grid.column5 {
  margin-right: -2.5px;
  margin-left: -2.5px; }

.c-flex-grid.column5 > .c-flex,
.c-flex-grid.column5 > .c-flex02,
.c-flex-grid.column5 > .c-flex03,
.c-flex-grid.column5 > .c-flex04 {
  padding-right: 2.5px;
  padding-left: 2.5px; }

.c-flex-grid.column5 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column5 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column5 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column10 {
  margin-right: -5px;
  margin-left: -5px; }

.c-flex-grid.column10 > .c-flex,
.c-flex-grid.column10 > .c-flex02,
.c-flex-grid.column10 > .c-flex03,
.c-flex-grid.column10 > .c-flex04 {
  padding-right: 5px;
  padding-left: 5px; }

.c-flex-grid.column10 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column10 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column10 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column20 {
  margin-right: -10px;
  margin-left: -10px; }

.c-flex-grid.column20 > .c-flex,
.c-flex-grid.column20 > .c-flex02,
.c-flex-grid.column20 > .c-flex03,
.c-flex-grid.column20 > .c-flex04 {
  padding-right: 10px;
  padding-left: 10px; }

.c-flex-grid.column20 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column20 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column20 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column30 {
  margin-right: -15px;
  margin-left: -15px; }

.c-flex-grid.column30 > .c-flex,
.c-flex-grid.column30 > .c-flex02,
.c-flex-grid.column30 > .c-flex03,
.c-flex-grid.column30 > .c-flex04 {
  padding-right: 15px;
  padding-left: 15px; }

.c-flex-grid.column30 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column30 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column30 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column40 {
  margin-right: -20px;
  margin-left: -20px; }

.c-flex-grid.column40 > .c-flex,
.c-flex-grid.column40 > .c-flex02,
.c-flex-grid.column40 > .c-flex03,
.c-flex-grid.column40 > .c-flex04 {
  padding-right: 20px;
  padding-left: 20px; }

.c-flex-grid.column40 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column40 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column40 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column50 {
  margin-right: -25px;
  margin-left: -25px; }

.c-flex-grid.column50 > .c-flex,
.c-flex-grid.column50 > .c-flex02,
.c-flex-grid.column50 > .c-flex03,
.c-flex-grid.column50 > .c-flex04 {
  padding-right: 25px;
  padding-left: 25px; }

.c-flex-grid.column50 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column50 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column50 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column60 {
  margin-right: -30px;
  margin-left: -30px; }

.c-flex-grid.column60 > .c-flex,
.c-flex-grid.column60 > .c-flex02,
.c-flex-grid.column60 > .c-flex03,
.c-flex-grid.column60 > .c-flex04 {
  padding-right: 30px;
  padding-left: 30px; }

.c-flex-grid.column60 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column60 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column60 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column70 {
  margin-right: -35px;
  margin-left: -35px; }

.c-flex-grid.column70 > .c-flex,
.c-flex-grid.column70 > .c-flex02,
.c-flex-grid.column70 > .c-flex03,
.c-flex-grid.column70 > .c-flex04 {
  padding-right: 35px;
  padding-left: 35px; }

.c-flex-grid.column70 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column70 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column70 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column80 {
  margin-right: -40px;
  margin-left: -40px; }

.c-flex-grid.column80 > .c-flex,
.c-flex-grid.column80 > .c-flex02,
.c-flex-grid.column80 > .c-flex03,
.c-flex-grid.column80 > .c-flex04 {
  padding-right: 40px;
  padding-left: 40px; }

.c-flex-grid.column80 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column80 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column80 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column90 {
  margin-right: -45px;
  margin-left: -45px; }

.c-flex-grid.column90 > .c-flex,
.c-flex-grid.column90 > .c-flex02,
.c-flex-grid.column90 > .c-flex03,
.c-flex-grid.column90 > .c-flex04 {
  padding-right: 45px;
  padding-left: 45px; }

.c-flex-grid.column90 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column90 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column90 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column100 {
  margin-right: -50px;
  margin-left: -50px; }

.c-flex-grid.column100 > .c-flex,
.c-flex-grid.column100 > .c-flex02,
.c-flex-grid.column100 > .c-flex03,
.c-flex-grid.column100 > .c-flex04 {
  padding-right: 50px;
  padding-left: 50px; }

.c-flex-grid.column100 > .c-flex02 {
  width: 50%; }

.c-flex-grid.column100 > .c-flex03 {
  width: 33.33%; }

.c-flex-grid.column100 > .c-flex04 {
  width: 25%; }

.c-flex-grid.column32 {
  margin-right: -16px;
  margin-left: -16px; }

.c-flex-grid.column32 > .c-flex {
  padding-right: 16px;
  padding-left: 16px; }

.c-flex-grid.column32 > .c-flex02 {
  width: 50%;
  padding-right: 16px;
  padding-left: 16px; }

.c-flex-grid.column32 > .c-flex03 {
  width: 33.33%;
  padding-right: 16px;
  padding-left: 16px; }

.c-flex-grid.column32 > .c-flex04 {
  width: 25%;
  padding-right: 16px;
  padding-left: 16px; }

.c-flex-grid.column48 {
  margin-right: -24px;
  margin-left: -24px; }

.c-flex-grid.column48 > .c-flex {
  padding-right: 24px;
  padding-left: 24px; }

.c-flex-grid.column48 > .c-flex02 {
  width: 50%;
  padding-right: 24px;
  padding-left: 24px; }

.c-flex-grid.column48 > .c-flex03 {
  width: 33.33%;
  padding-right: 24px;
  padding-left: 24px; }

.c-flex-grid.column48 > .c-flex04 {
  width: 25%;
  padding-right: 24px;
  padding-left: 24px; }

.c-flex-grid.column64 {
  margin-right: -32px;
  margin-left: -32px; }

.c-flex-grid.column64 > .c-flex {
  padding-right: 32px;
  padding-left: 32px; }

.c-flex-grid.column64 > .c-flex02 {
  width: 50%;
  padding-right: 32px;
  padding-left: 32px; }

.c-flex-grid.column64 > .c-flex03 {
  width: 33.33%;
  padding-right: 32px;
  padding-left: 32px; }

.c-flex-grid.column64 > .c-flex04 {
  width: 25%;
  padding-right: 32px;
  padding-left: 32px; }

.c-flex-grid.row5 {
  margin-top: -5px; }

.c-flex-grid.row5 > [class*="c-flex"] {
  margin-top: 5px; }

.c-flex-grid.row10 {
  margin-top: -10px; }

.c-flex-grid.row10 > [class*="c-flex"] {
  margin-top: 10px; }

.c-flex-grid.row20 {
  margin-top: -20px; }

.c-flex-grid.row20 > [class*="c-flex"] {
  margin-top: 20px; }

.c-flex-grid.row30 {
  margin-top: -30px; }

.c-flex-grid.row30 > [class*="c-flex"] {
  margin-top: 30px; }

.c-flex-grid.row40 {
  margin-top: -40px; }

.c-flex-grid.row40 > [class*="c-flex"] {
  margin-top: 40px; }

.c-flex-grid.row50 {
  margin-top: -50px; }

.c-flex-grid.row50 > [class*="c-flex"] {
  margin-top: 50px; }

.c-flex-grid.row60 {
  margin-top: -60px; }

.c-flex-grid.row60 > [class*="c-flex"] {
  margin-top: 60px; }

/* 汎用カラムレイアウト
---------------------------------------- */
.c-flex-wrap {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 40px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-flex-wrap > figure.c-flex {
  margin: auto; }

.c-flex-wrap > .c-flex {
  -ms-flex: 1;
  flex: 1; }

.c-flex-wrap.is-align--center {
  -ms-flex-align: center;
  align-items: center; }

.c-flex-wrap.is-align--end {
  -ms-flex-align: end;
  align-items: flex-end; }

.c-flex-wrap.is-align--start {
  -ms-flex-align: start;
  align-items: flex-start; }

.c-flex-wrap.is-justify--center {
  -ms-flex-pack: center;
  justify-content: center; }

.c-flex-wrap.is-justify--between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-flex-wrap > .c-flex02 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 1)) / 2); }

.c-flex-wrap > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex02:nth-of-type(n+3) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex03 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 2)) / 3); }

.c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex03:nth-of-type(n+4) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex04 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 3)) / 4); }

.c-flex-wrap > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex04:nth-of-type(n+5) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex05 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 4)) / 5); }

.c-flex-wrap > .c-flex05:not(:nth-of-type(5n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex05:nth-of-type(n+6) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex06 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 5)) / 6); }

.c-flex-wrap > .c-flex06:not(:nth-of-type(6n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex06:nth-of-type(n+7) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex07 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 6)) / 7); }

.c-flex-wrap > .c-flex07:not(:nth-of-type(7n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex07:nth-of-type(n+8) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex08 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 7)) / 8); }

.c-flex-wrap > .c-flex08:not(:nth-of-type(8n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex08:nth-of-type(n+9) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex09 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 8)) / 9); }

.c-flex-wrap > .c-flex09:not(:nth-of-type(9n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex09:nth-of-type(n+10) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex10 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 9)) / 10); }

.c-flex-wrap > .c-flex10:not(:nth-of-type(10n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex10:nth-of-type(n+11) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex11 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 10)) / 11); }

.c-flex-wrap > .c-flex11:not(:nth-of-type(11n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex11:nth-of-type(n+12) {
  margin-top: 30px; }

.c-flex-wrap > .c-flex12 {
  -ms-flex: none;
  flex: none;
  width: calc((100% - (16.5px * 11)) / 12); }

.c-flex-wrap > .c-flex12:not(:nth-of-type(12n)) {
  margin-right: 16px; }

.c-flex-wrap > .c-flex12:nth-of-type(n+13) {
  margin-top: 30px; }

.c-flex-wrap.column5 > .c-flex02 {
  width: calc((100% - (5.5px)) / 2); }

.c-flex-wrap.column5 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 5px; }

.c-flex-wrap.column5 > .c-flex03 {
  width: calc((100% - (10.5px)) / 3); }

.c-flex-wrap.column5 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 5px; }

.c-flex-wrap.column5 > .c-flex04 {
  width: calc((100% - (15.5px)) / 4); }

.c-flex-wrap.column5 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 5px; }

.c-flex-wrap.column10 > .c-flex02 {
  width: calc((100% - (10.5px)) / 2); }

.c-flex-wrap.column10 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 10px; }

.c-flex-wrap.column10 > .c-flex03 {
  width: calc((100% - (20.5px)) / 3); }

.c-flex-wrap.column10 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 10px; }

.c-flex-wrap.column10 > .c-flex04 {
  width: calc((100% - (30.5px)) / 4); }

.c-flex-wrap.column10 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 10px; }

.c-flex-wrap.column20 > .c-flex02 {
  width: calc((100% - (20.5px)) / 2); }

.c-flex-wrap.column20 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 20px; }

.c-flex-wrap.column20 > .c-flex03 {
  width: calc((100% - (40.5px)) / 3); }

.c-flex-wrap.column20 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 20px; }

.c-flex-wrap.column20 > .c-flex04 {
  width: calc((100% - (60.5px)) / 4); }

.c-flex-wrap.column20 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 20px; }

.c-flex-wrap.column30 > .c-flex02 {
  width: calc((100% - (30.5px)) / 2); }

.c-flex-wrap.column30 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 30px; }

.c-flex-wrap.column30 > .c-flex03 {
  width: calc((100% - (60.5px)) / 3); }

.c-flex-wrap.column30 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 30px; }

.c-flex-wrap.column30 > .c-flex04 {
  width: calc((100% - (90.5px)) / 4); }

.c-flex-wrap.column30 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 30px; }

.c-flex-wrap.column40 > .c-flex02 {
  width: calc((100% - (40.5px)) / 2); }

.c-flex-wrap.column40 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 40px; }

.c-flex-wrap.column40 > .c-flex03 {
  width: calc((100% - (80.5px)) / 3); }

.c-flex-wrap.column40 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 40px; }

.c-flex-wrap.column40 > .c-flex04 {
  width: calc((100% - (120.5px)) / 4); }

.c-flex-wrap.column40 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 40px; }

.c-flex-wrap.column50 > .c-flex02 {
  width: calc((100% - (50.5px)) / 2); }

.c-flex-wrap.column50 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 50px; }

.c-flex-wrap.column50 > .c-flex03 {
  width: calc((100% - (100.5px)) / 3); }

.c-flex-wrap.column50 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 50px; }

.c-flex-wrap.column50 > .c-flex04 {
  width: calc((100% - (150.5px)) / 4); }

.c-flex-wrap.column50 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 50px; }

.c-flex-wrap.column60 > .c-flex02 {
  width: calc((100% - (60.5px)) / 2); }

.c-flex-wrap.column60 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 60px; }

.c-flex-wrap.column60 > .c-flex03 {
  width: calc((100% - (120.5px)) / 3); }

.c-flex-wrap.column60 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 60px; }

.c-flex-wrap.column60 > .c-flex04 {
  width: calc((100% - (180.5px)) / 4); }

.c-flex-wrap.column60 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 60px; }

.c-flex-wrap.column70 > .c-flex02 {
  width: calc((100% - (70.5px)) / 2); }

.c-flex-wrap.column70 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 70px; }

.c-flex-wrap.column70 > .c-flex03 {
  width: calc((100% - (140.5px)) / 3); }

.c-flex-wrap.column70 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 70px; }

.c-flex-wrap.column70 > .c-flex04 {
  width: calc((100% - (210.5px)) / 4); }

.c-flex-wrap.column70 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 70px; }

.c-flex-wrap.column80 > .c-flex02 {
  width: calc((100% - (80.5px)) / 2); }

.c-flex-wrap.column80 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 80px; }

.c-flex-wrap.column80 > .c-flex03 {
  width: calc((100% - (160.5px)) / 3); }

.c-flex-wrap.column80 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 80px; }

.c-flex-wrap.column80 > .c-flex04 {
  width: calc((100% - (240.5px)) / 4); }

.c-flex-wrap.column80 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 80px; }

.c-flex-wrap.column90 > .c-flex02 {
  width: calc((100% - (90.5px)) / 2); }

.c-flex-wrap.column90 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 90px; }

.c-flex-wrap.column90 > .c-flex03 {
  width: calc((100% - (180.5px)) / 3); }

.c-flex-wrap.column90 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 90px; }

.c-flex-wrap.column90 > .c-flex04 {
  width: calc((100% - (270.5px)) / 4); }

.c-flex-wrap.column90 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 90px; }

.c-flex-wrap.column100 > .c-flex02 {
  width: calc((100% - (100.5px)) / 2); }

.c-flex-wrap.column100 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 100px; }

.c-flex-wrap.column100 > .c-flex03 {
  width: calc((100% - (200.5px)) / 3); }

.c-flex-wrap.column100 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 100px; }

.c-flex-wrap.column100 > .c-flex04 {
  width: calc((100% - (300.5px)) / 4); }

.c-flex-wrap.column100 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 100px; }

.c-flex-wrap.column32 > .c-flex02 {
  width: calc((100% - (32.5px)) / 2); }

.c-flex-wrap.column32 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 32px; }

.c-flex-wrap.column32 > .c-flex02{position: relative;}

.c-flex-wrap.column32 > .c-flex02 .c-label-bank {
  position: absolute;
  top: 0;
  right: 0px;
  background-color: #F33;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 0 10px 0 0;}

.c-flex-wrap.column32 > .c-flex03 {
  width: calc((100% - (64.5px)) / 3); }

.c-flex-wrap.column32 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 32px; }

.c-flex-wrap.column32 > .c-flex04 {
  width: calc((100% - (96.5px)) / 4); }

.c-flex-wrap.column32 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 32px; }

.c-flex-wrap.column48 > .c-flex02 {
  width: calc((100% - (48.5px)) / 2); }

.c-flex-wrap.column48 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 48px; }

.c-flex-wrap.column48 > .c-flex03 {
  width: calc((100% - (96.5px)) / 3); }

.c-flex-wrap.column48 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 48px; }

.c-flex-wrap.column48 > .c-flex04 {
  width: calc((100% - (144.5px)) / 4); }

.c-flex-wrap.column48 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 48px; }

.c-flex-wrap.column64 > .c-flex02 {
  width: calc((100% - (64.5px)) / 2); }

.c-flex-wrap.column64 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 64px; }

.c-flex-wrap.column64 > .c-flex03 {
  width: calc((100% - (128.5px)) / 3); }

.c-flex-wrap.column64 > .c-flex03:not(:nth-of-type(3n)) {
  margin-right: 64px; }

.c-flex-wrap.column64 > .c-flex04 {
  width: calc((100% - (192.5px)) / 4); }

.c-flex-wrap.column64 > .c-flex04:not(:nth-of-type(4n)) {
  margin-right: 64px; }

.c-flex-wrap.row5 > .c-flex02:nth-of-type(n+3) {
  margin-top: 5px; }

.c-flex-wrap.row5 > .c-flex03:nth-of-type(n+4) {
  margin-top: 5px; }

.c-flex-wrap.row5 > .c-flex04:nth-of-type(n+5) {
  margin-top: 5px; }

.c-flex-wrap.row10 > .c-flex02:nth-of-type(n+3) {
  margin-top: 10px; }

.c-flex-wrap.row10 > .c-flex03:nth-of-type(n+4) {
  margin-top: 10px; }

.c-flex-wrap.row10 > .c-flex04:nth-of-type(n+5) {
  margin-top: 10px; }

.c-flex-wrap.row20 > .c-flex02:nth-of-type(n+3) {
  margin-top: 20px; }

.c-flex-wrap.row20 > .c-flex03:nth-of-type(n+4) {
  margin-top: 20px; }

.c-flex-wrap.row20 > .c-flex04:nth-of-type(n+5) {
  margin-top: 20px; }

.c-flex-wrap.row30 > .c-flex02:nth-of-type(n+3) {
  margin-top: 30px; }

.c-flex-wrap.row30 > .c-flex03:nth-of-type(n+4) {
  margin-top: 30px; }

.c-flex-wrap.row30 > .c-flex04:nth-of-type(n+5) {
  margin-top: 30px; }

.c-flex-wrap.row40 > .c-flex02:nth-of-type(n+3) {
  margin-top: 40px; }

.c-flex-wrap.row40 > .c-flex03:nth-of-type(n+4) {
  margin-top: 40px; }

.c-flex-wrap.row40 > .c-flex04:nth-of-type(n+5) {
  margin-top: 40px; }

.c-flex-wrap.row50 > .c-flex02:nth-of-type(n+3) {
  margin-top: 50px; }

.c-flex-wrap.row50 > .c-flex03:nth-of-type(n+4) {
  margin-top: 50px; }

.c-flex-wrap.row50 > .c-flex04:nth-of-type(n+5) {
  margin-top: 50px; }

.c-flex-wrap.row60 > .c-flex02:nth-of-type(n+3) {
  margin-top: 60px; }

.c-flex-wrap.row60 > .c-flex03:nth-of-type(n+4) {
  margin-top: 60px; }

.c-flex-wrap.row60 > .c-flex04:nth-of-type(n+5) {
  margin-top: 60px; }

.c-flex-wrap.row70 > .c-flex02:nth-of-type(n+3) {
  margin-top: 70px; }

.c-flex-wrap.row70 > .c-flex03:nth-of-type(n+4) {
  margin-top: 70px; }

.c-flex-wrap.row70 > .c-flex04:nth-of-type(n+5) {
  margin-top: 70px; }

.c-flex-wrap.row80 > .c-flex02:nth-of-type(n+3) {
  margin-top: 80px; }

.c-flex-wrap.row80 > .c-flex03:nth-of-type(n+4) {
  margin-top: 80px; }

.c-flex-wrap.row80 > .c-flex04:nth-of-type(n+5) {
  margin-top: 80px; }

.c-flex-wrap.row90 > .c-flex02:nth-of-type(n+3) {
  margin-top: 90px; }

.c-flex-wrap.row90 > .c-flex03:nth-of-type(n+4) {
  margin-top: 90px; }

.c-flex-wrap.row90 > .c-flex04:nth-of-type(n+5) {
  margin-top: 90px; }

.c-flex-wrap.row100 > .c-flex02:nth-of-type(n+3) {
  margin-top: 100px; }

.c-flex-wrap.row100 > .c-flex03:nth-of-type(n+4) {
  margin-top: 100px; }

.c-flex-wrap.row100 > .c-flex04:nth-of-type(n+5) {
  margin-top: 100px; }

.c-flex-wrap > .c-flex02:last-of-type {
  margin-right: 0 !important; }

.c-flex-wrap > .c-flex03:last-of-type {
  margin-right: 0 !important; }

.c-flex-wrap > .c-flex04:last-of-type {
  margin-right: 0 !important; }

/* 2カラムレイアウト（余白なし）
---------------------------------------- */
.c-flex-column-half > * {
  width: 50%; }

/* 4カラムレイアウト（余白なし）
---------------------------------------- */
.c-flex-column-quarter > * {
  width: 25%; }

.c-box, .c-box--white, .c-box--narrow, .c-box--border, .c-box--color {
  margin: 30px auto 32px;
  padding: 35px 40px;
  border-radius: 8px;
  background: #f7f7f7; }

.exright.c-box, .exright.c-box--white, .exright.c-box--narrow, .exright.c-box--border, .exright.c-box--color {
  margin-right: -115px;
  padding-right: 160px; }

.exleft.c-box, .exleft.c-box--white, .exleft.c-box--narrow, .exleft.c-box--border, .exleft.c-box--color {
  margin-left: -115px;
  padding-left: 160px; }

.extop.c-box, .extop.c-box--white, .extop.c-box--narrow, .extop.c-box--border, .extop.c-box--color {
  margin-top: -150px;
  padding-top: 145px;
  z-index: 1; }

.c-box[class*=c-flex], .c-box--white[class*=c-flex], .c-box--narrow[class*=c-flex], .c-box--border[class*=c-flex], .c-box--color[class*=c-flex] {
  margin: 0; }

.c-box--white {
  background: #fff; }

.c-box--narrow {
  padding: 25px; }

.c-box--border {
  border: 3px solid; }

.kanjo .c-box--border {
  border-color: #AC257D; }

.kanjo-kobetsu .c-box--border {
  border-color: #f33d42; }

.kyuyo .c-box--border {
  border-color: #0075C1; }

.saiken .c-box--border {
  border-color: #EB6D9A; }

.saimu .c-box--border {
  border-color: #B963A4; }

.akikura .c-box--border {
  border-color: #006939; }

.akinai .c-box--border {
  border-color: #009140; }

.kura .c-box--border {
  border-color: #5CAF30; }

.somujinji .c-box--border {
  border-color: #00A7B7; }

.jinji .c-box--border {
  border-color: #00A7B7; }

.hotei .c-box--border {
  border-color: #009ED4; }

.kotei .c-box--border {
  border-color: #5D2976; }

.shinkoku .c-box--border {
  border-color: #e77008; }

.shinkoku-hc .c-box--border {
  border-color: #e77008; }

.shinkoku-ug .c-box--border {
  border-color: #fb9b00; }

.eb-cloud .c-box--border {
  border-color: #021650; }

div.edge .c-box--border {
  border-color: #00438b; }

div.verp .c-box--border {
  border-color: #00438b; }

.kanjo .c-box--color {
  background-color: #FEF5FB; }

.kanjo-kobetsu .c-box--color {
  background-color: #FEF5FB; }

.kyuyo .c-box--color {
  background-color: #E8F0F5; }

.saiken .c-box--color {
  background-color: #F6EAEE; }

.saimu .c-box--color {
  background-color: #F2E8F0; }

.akikura .c-box--color {
  background-color: #EEF6F2; }

.akinai .c-box--color {
  background-color: #f5fefa; }

.kura .c-box--color {
  background-color: #f6fef5; }

.somujinji .c-box--color {
  background-color: #f5fdfe; }

.jinji .c-box--color {
  background-color: #f5fdfe; }

.hotei .c-box--color {
  background-color: #f5fcfe; }

.kotei .c-box--color {
  background-color: #f7f5fe; }

.shinkoku .c-box--color {
  background-color: #fefaf5; }

.shinkoku-hc .c-box--color {
  background-color: #fefaf5; }

.shinkoku-ug .c-box--color {
  background-color: #fefaf5; }

.eb-cloud .c-box--color {
  background-color: #fefaf5; }

div.edge .c-box--color {
  background-color: rgba(0, 67, 139, 0.1); }

div.verp .c-box--color {
  background-color: rgba(38, 37, 35, 0.1); }

.c-figure {
  text-align: center; }

.c-head-section, .c-head-section--huge, .c-head-section--large, .c-head-section--renew2025 {
  display: block;
  margin: 100px auto 40px;
  padding-bottom: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  position: relative; }

.c-head-section:before, .c-head-section--huge:before, .c-head-section--large:before, .c-head-section--renew2025:before {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: auto;
  background: #17A0E3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.kanjo .c-head-section:before, .kanjo .c-head-section--huge:before, .kanjo .c-head-section--large:before, .kanjo .c-head-section--renew2025:before {
  background-color: #AC257D; }

.kanjo-kobetsu .c-head-section:before, .kanjo-kobetsu .c-head-section--huge:before, .kanjo-kobetsu .c-head-section--large:before, .kanjo-kobetsu .c-head-section--renew2025:before {
  background-color: #f33d42; }

.kyuyo .c-head-section:before, .kyuyo .c-head-section--huge:before, .kyuyo .c-head-section--large:before, .kyuyo .c-head-section--renew2025:before {
  background-color: #0075C1; }

.saiken .c-head-section:before, .saiken .c-head-section--huge:before, .saiken .c-head-section--large:before, .saiken .c-head-section--renew2025:before {
  background-color: #EB6D9A; }

.saimu .c-head-section:before, .saimu .c-head-section--huge:before, .saimu .c-head-section--large:before, .saimu .c-head-section--renew2025:before {
  background-color: #B963A4; }

.akikura .c-head-section:before, .akikura .c-head-section--huge:before, .akikura .c-head-section--large:before, .akikura .c-head-section--renew2025:before {
  background-color: #006939; }

.akinai .c-head-section:before, .akinai .c-head-section--huge:before, .akinai .c-head-section--large:before, .akinai .c-head-section--renew2025:before {
  background-color: #009140; }

.kura .c-head-section:before, .kura .c-head-section--huge:before, .kura .c-head-section--large:before, .kura .c-head-section--renew2025:before {
  background-color: #5CAF30; }

.somujinji .c-head-section:before, .somujinji .c-head-section--huge:before, .somujinji .c-head-section--large:before, .somujinji .c-head-section--renew2025:before {
  background-color: #00A7B7; }

.jinji .c-head-section:before, .jinji .c-head-section--huge:before, .jinji .c-head-section--large:before, .jinji .c-head-section--renew2025:before {
  background-color: #00A7B7; }

.hotei .c-head-section:before, .hotei .c-head-section--huge:before, .hotei .c-head-section--large:before, .hotei .c-head-section--renew2025:before {
  background-color: #009ED4; }

.kotei .c-head-section:before, .kotei .c-head-section--huge:before, .kotei .c-head-section--large:before, .kotei .c-head-section--renew2025:before {
  background-color: #5D2976; }

.shinkoku .c-head-section:before, .shinkoku .c-head-section--huge:before, .shinkoku .c-head-section--large:before, .shinkoku .c-head-section--renew2025:before {
  background-color: #e77008; }

.shinkoku-hc .c-head-section:before, .shinkoku-hc .c-head-section--huge:before, .shinkoku-hc .c-head-section--large:before, .shinkoku-hc .c-head-section--renew2025:before {
  background-color: #e77008; }

.shinkoku-ug .c-head-section:before, .shinkoku-ug .c-head-section--huge:before, .shinkoku-ug .c-head-section--large:before, .shinkoku-ug .c-head-section--renew2025:before {
  background-color: #fb9b00; }

.eb-cloud .c-head-section:before, .eb-cloud .c-head-section--huge:before, .eb-cloud .c-head-section--large:before, .eb-cloud .c-head-section--renew2025:before {
  background-color: #021650; }

div.edge .c-head-section:before, div.edge .c-head-section--huge:before, div.edge .c-head-section--large:before, div.edge .c-head-section--renew2025:before {
  background-color: #262523; }

div.verp .c-head-section:before, div.verp .c-head-section--huge:before, div.verp .c-head-section--large:before, div.verp .c-head-section--renew2025:before {
  background-color: #00438b; }

.bg-gray .c-head-section, .bg-gray .c-head-section--huge, .bg-gray .c-head-section--large, .bg-gray .c-head-section--renew2025 {
  color: #fff; }

.bg-gray .c-head-section:before, .bg-gray .c-head-section--huge:before, .bg-gray .c-head-section--large:before, .bg-gray .c-head-section--renew2025:before {
  background: #fff; }

.c-head-section {
  font-size: 36px; }

.c-head-section small {
  font-size: 28px; }

.c-head-section--huge {
  font-size: 40px; }

.c-head-section--huge small {
  font-size: 32px; }

.c-head-section--large {
  font-size: 38px; }

.c-head-section--large small {
  font-size: 30px; }

.c-head-section--renew2025 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: .1em; }

.c-head-section--renew2025::before {
  content: none !important; }

.c-head-section--renew2025 small {
  font-size: 26px; }

.c-head-section--renew2025 strong {
  font-size: 42px; }

/*  テキストだけ見出し（フォントサイズ 32px [28 ~ 40px]）
-------------------------------- */
.c-head-text, .c-head-text--huge, .c-head-text--large, .c-head-text--small, .c-head-text--tiny, .c-head-text--xxxlarge, .c-head-text--xxlarge, .c-head-text--xlarge {
  margin: 30px auto 24px;
  font-weight: 400;
  line-height: 1.5; }

.center.c-head-text, .center.c-head-text--huge, .center.c-head-text--large, .center.c-head-text--small, .center.c-head-text--tiny, .center.c-head-text--xxxlarge, .center.c-head-text--xxlarge, .center.c-head-text--xlarge {
  text-align: center; }

.c-head-text {
  font-size: 32px; }

.c-head-text small {
  font-size: 26px; }

.c-head-text--huge {
  font-size: 40px; }

.c-head-text--huge small {
  font-size: 30px; }

.c-head-text--large {
  font-size: 36px; }

.c-head-text--large small {
  font-size: 28px; }

.c-head-text--small {
  font-size: 30px; }

.c-head-text--small small {
  font-size: 24px; }

.c-head-text--tiny {
  font-size: 28px; }

.c-head-text--tiny small {
  font-size: 22px; }

.c-head-text--xxxlarge {
  font-size: 26px; }

.c-head-text--xxxlarge small {
  font-size: 18px; }

.c-head-text--xxlarge {
  font-size: 24px; }

.c-head-text--xxlarge small {
  font-size: 18px; }

.c-head-text--xlarge {
  font-size: 20px; }

.c-head-text--xlarge small {
  font-size: 16px; }

.c-head-label {
  display: inline-block;
  padding: 2px 5px 3px;
  font-size: 14px;
  background: #FEF5FB; }

.kanjo .c-head-label,
.sp_kanjo .c-head-label{
  background: #FEF5FB; }

.kanjo-kobetsu .c-head-label {
  background: #FEF5FB; }

.kyuyo .c-head-label {
  background: #E8F0F5; }

.saiken .c-head-label {
  background: #F6EAEE; }

.saimu .c-head-label {
  background: #F2E8F0; }

.akikura .c-head-label {
  background: #EEF6F2; }

.akinai .c-head-label {
  background: #f5fefa; }

.kura .c-head-label {
  background: #f6fef5; }

.somujinji .c-head-label {
  background: #f5fdfe; }

.jinji .c-head-label {
  background: #f5fdfe; }

.hotei .c-head-label {
  background: #f5fcfe; }

.kotei .c-head-label {
  background: #f7f5fe; }

.shinkoku .c-head-label {
  background: #fefaf5; }

.shinkoku-hc .c-head-label {
  background: #fefaf5; }

.shinkoku-ug .c-head-label {
  background: #fefaf5; }

.eb-cloud .c-head-label {
  background: #021650; }

div.edge .c-head-label {
  background: #E8F0F5; }

div.verp .c-head-label {
  background: #262523; }

.c-head-label strong {
  margin: 0 2px;
  font-size: 32px;
  line-height: 1; }

.c-lead, .c-lead--huge, .c-lead--large, .c-lead--small, .c-lead--tiny {
  margin: 30px auto 15px;
  line-height: 1.5; }

.c-lead + .c-define, .c-lead--huge + .c-define, .c-lead--large + .c-define, .c-lead--small + .c-define, .c-lead--tiny + .c-define {
  margin-top: 15px; }

.c-lead {
  font-size: 24px; }

.c-lead--huge {
  font-size: 28px; }

.c-lead--large {
  font-size: 26px; }

.c-lead--small {
  font-size: 20px; }

.c-lead--tiny {
  font-size: 18px; }

.c-fs20 {
  font-size: 20px; }

.c-fs18 {
  font-size: 18px; }

.c-fs16 {
  font-size: 16px; }

.c-fs14 {
  font-size: 14px; }

.c-keyword, .c-keyword--small {
  font-size: 64px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.08em; }

.c-keyword strong, .c-keyword--small strong {
  font-size: 176px;
  line-height: 120px;
  font-weight: 700; }

.c-keyword.lineheight-ajust, .lineheight-ajust.c-keyword--small {
  line-height: 1.7;
  position: relative;
  top: 14px; }

.ie11 .c-keyword, .ie11 .c-keyword--small,
.ie10 .c-keyword,
.ie10 .c-keyword--small,
.ie9 .c-keyword,
.ie9 .c-keyword--small,
.ie8 .c-keyword,
.ie8 .c-keyword--small {
  letter-spacing: -0.04em; }

.c-keyword--small {
  font-size: 28px; }

.c-keyword--small strong {
  font-size: 50px;
  line-height: 60px; }

p.c-notes,
p.c-notice {
  margin: 1em auto; }

.c-notes,
.c-notice {
  font-size: 12px;
  line-height: 1.5; }

span.c-notice {
  display: inline-block;
  text-indent: 0; }

.c-link {
  padding-bottom: 2px;
  font-weight: 500;
  color: #057DB8;
  text-decoration: underline; }

.c-link:hover {
  text-decoration: none;
  color: #046392; }

.c-link-text {
  margin: 20px auto;
  padding-bottom: 2px;
  font-weight: 500;
  color: #057DB8;
  text-decoration: underline; }

.c-link-text:after {
  display: inline-block;
  content: "\e901";
  margin-left: 5px;
  margin-right: 5px;
  color: #057DB8;
  font-size: 10px;
  transform: translateY(-20%); }

.c-link-text:hover {
  text-decoration: none;
  color: #046392; }

.c-link-anchor {
  display: inline-block;
  margin: 20px auto;
  padding-left: 21px;
  text-indent: -21px;
  color: #057DB8;
  text-decoration: underline;
  transition: color 0.1s; }

.c-link-anchor:hover {
  text-decoration: none;
  color: #057DB8; }

.c-link-anchor:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  margin: auto 6px auto 0;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/arrow_bottom_border.svg") no-repeat 0 0/contain;
  color: #17A0E3; }

.demo-link { display: block; }

#mn_wrap ul.inline > li {
  display: inline-block;
  margin-top: 0;
  margin-left: 10px; }

#mn_wrap ul.c-notice li {
  margin: 5px auto;
  padding-left: 1.2em;
  text-indent: -1.25em; }

#mn_wrap ol.c-nindent1 > li, #mn_wrap ul.c-nindent1 > li {
  text-indent: -1.25em;
  padding-left: 1.25em; }

#mn_wrap ol.c-nindent1 > li *, #mn_wrap ul.c-nindent1 > li * {
  text-indent: 0; }

#mn_wrap ol.c-nindent1 > li:nth-child(n+2), #mn_wrap ul.c-nindent1 > li:nth-child(n+2) {
  margin-top: 10px; }

#mn_wrap ol.c-nindent2 > li, #mn_wrap ul.c-nindent2 > li {
  text-indent: -2.25em;
  padding-left: 2.25em; }

#mn_wrap ol.c-nindent2 > li *, #mn_wrap ul.c-nindent2 > li * {
  text-indent: 0; }

#mn_wrap ol.c-nindent3 > li, #mn_wrap ul.c-nindent3 > li {
  text-indent: -3.25em;
  padding-left: 3.25em; }

#mn_wrap ol.c-nindent3 > li *, #mn_wrap ul.c-nindent3 > li * {
  text-indent: 0; }

#mn_wrap .c-list-border {
  margin-top: 10px;
  margin-bottom: 20px; }

#mn_wrap .c-list-border li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 14px;
  line-height: 1.54;
  position: relative; }

#mn_wrap .c-list-border li:before {
  content: "";
  width: 4px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0.75em; }

#mn_wrap .c-list-border li ul {
  margin-top: 0; }

#mn_wrap .c-list-border li li {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px; }

#mn_wrap .c-list-border li li li {
  font-size: 12px; }

#mn_wrap .c-list-column04 > li {
  width: 25%; }

#mn_wrap .c-list-column04 > li:nth-child(4n+1) {
  clear: both; }

#mn_wrap .c-list-column03 > li {
  width: 33.23%; }

#mn_wrap .c-list-column03 > li:nth-child(3n+1) {
  clear: both; }

#mn_wrap .c-list-column02 > li {
  width: 50%; }

#mn_wrap .c-list-column02 > li:nth-child(2n+1) {
  clear: both; }

#mn_wrap .c-list-column02:after, #mn_wrap .c-list-column03:after, #mn_wrap .c-list-column04:after {
  content: "";
  display: block;
  clear: both; }

#mn_wrap .c-list-column02 > li, #mn_wrap .c-list-column03 > li, #mn_wrap .c-list-column04 > li {
  float: left;
  margin-top: 0;
  padding-right: 20px; }

.c-button-wrap {
  margin: 80px auto; }

.c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short, .c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short {
  display: block;
  width: 100%;
  margin: auto;
  max-width: 350px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  position: relative; }

.c-button-border.verp .gm-model {
  font-size: 14px; }

.right.c-button, .right.c-button--sm, .right.c-button--long, .right.c-button--middle, .right.c-button--short, .right.c-button-border, .right.c-button-border--sm, .right.c-button-border--long, .right.c-button-border--short {
  margin-right: 0; }

.left.c-button, .left.c-button--sm, .left.c-button--long, .left.c-button--middle, .left.c-button--short, .left.c-button-border, .left.c-button-border--sm, .left.c-button-border--long, .left.c-button-border--short {
  margin-left: 0; }

.none.c-button, .none.c-button--sm, .none.c-button--long, .none.c-button--middle, .none.c-button--short, .none.c-button-border, .none.c-button-border--sm, .none.c-button-border--long, .none.c-button-border--short {
  cursor: default;
  opacity: 0.5; }

.c-button:after, .c-button--sm:after, .c-button--long:after, .c-button--middle:after, .c-button--short:after, .c-button-border:after, .c-button-border--sm:after, .c-button-border--long:after, .c-button-border--short:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 0;
  border-right: 2px solid #057DB8;
  border-bottom: 2px solid #057DB8;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  right: 20px;
}

.c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short {
  padding: 16px 25px;
  background: #057DB8;
  border: 2px solid #057DB8;
  color: #fff;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s; }

.c-button:after, .c-button--sm:after, .c-button--long:after, .c-button--middle:after, .c-button--short:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.c-button:hover, .c-button--sm:hover, .c-button--long:hover, .c-button--middle:hover, .c-button--short:hover {
  background: #046392;
  border-color: #046392; }

.c-button.none:hover, .none.c-button--sm:hover, .none.c-button--long:hover, .none.c-button--middle:hover, .none.c-button--short:hover {
  background: #057DB8; }

.c-button.gray, .gray.c-button--sm, .gray.c-button--long, .gray.c-button--middle, .gray.c-button--short {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: #000;
  opacity: 0.5; }

.c-button.gray:after, .gray.c-button--sm:after, .gray.c-button--long:after, .gray.c-button--middle:after, .gray.c-button--short:after {
  display: none; }

.c-button.orange, .orange.c-button--sm, .orange.c-button--long, .orange.c-button--middle, .orange.c-button--short {
  background: #e76f02;
  border-color: #e76f02;
  transition: opacity 0.3s; }

.c-button.orange:hover, .orange.c-button--sm:hover, .orange.c-button--long:hover, .orange.c-button--middle:hover, .orange.c-button--short:hover {
  background: #e76f02;
  border-color: #e76f02;
  opacity: 0.7; }

.c-button.white, .white.c-button--sm, .white.c-button--long, .white.c-button--middle, .white.c-button--short {
  background: #fff;
  transition: background 0.3s; }

.c-button.white:hover, .white.c-button--sm:hover, .white.c-button--long:hover, .white.c-button--middle:hover, .white.c-button--short:hover {
  background: #046392;
  color: #fff;
  opacity: 1; }

.c-button--sm {
  max-width: 256px;
  padding: 8px 20px; }

.c-button--long {
  max-width: 500px; }

.c-button--middle {
  max-width: 400px; }

.c-button--short {
  max-width: 300px; }

.c-button.download:after, .download.c-button--sm:after, .download.c-button--long:after, .download.c-button--middle:after, .download.c-button--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-left: 10px;
  margin-top: -5px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_download.svg") no-repeat 0 0/contain;
  transform: none; }

.c-button--renew2025 {
  padding: 19px 25px;
  width: 360px;
  display: block;
  width: 100%;
  margin: auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  overflow: hidden; }

.c-button--renew2025.orange {
  border: none; }

.c-button--renew2025.orange::before {
  background-color: #e7c40b;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  transition: .3s;
  z-index: -1; }

.c-button--renew2025.orange:hover::before {
  transform: translateX(0); }

.c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short {
  padding: 13px 23px 13px 23px;
  background: transparent;
  border: 2px solid #057DB8;
  color: #057DB8;
  border-radius: 50px;
  transition: background 0.2s, border 0.2s; }

.c-button-border:after, .c-button-border--sm:after, .c-button-border--long:after, .c-button-border--short:after {
  transition: border-color 0.2s; }

.c-button-border:hover, .c-button-border--sm:hover, .c-button-border--long:hover, .c-button-border--short:hover {
  color: #fff;
  border-color: #046392;
  background: #046392; }

.c-button-border:hover:after, .c-button-border--sm:hover:after, .c-button-border--long:hover:after, .c-button-border--short:hover:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.c-button-border.none:hover, .none.c-button-border--sm:hover, .none.c-button-border--long:hover, .none.c-button-border--short:hover {
  color: #057DB8;
  border-color: #057DB8;
  background: #fff; }

.c-button-border.none:hover:after, .none.c-button-border--sm:hover:after, .none.c-button-border--long:hover:after, .none.c-button-border--short:hover:after {
  border-right-color: #057DB8;
  border-bottom-color: #057DB8; }

.c-button-border.download:after, .download.c-button-border--sm:after, .download.c-button-border--long:after, .download.c-button-border--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-top: -6px;
  margin-left: 10px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_download02.svg") no-repeat 0 0/contain;
  transform: none; }

.c-button-border.download:hover:after, .download.c-button-border--sm:hover:after, .download.c-button-border--long:hover:after, .download.c-button-border--short:hover:after {
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_download.svg"); }

.c-button-border.white, .white.c-button-border--sm, .white.c-button-border--long, .white.c-button-border--short {
  background: #fff;
  transition: background 0.3s; }

.c-button-border.white:hover, .white.c-button-border--sm:hover, .white.c-button-border--long:hover, .white.c-button-border--short:hover {
  background: #046392;
  color: #fff;
  opacity: 1; }

.c-button-border.white:hover::after, .white.c-button-border--sm:hover::after, .white.c-button-border--long:hover::after, .white.c-button-border--short:hover::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.c-button-border--sm {
  max-width: 256px;
  padding: 8px 20px; }

.c-button-border--long {
  max-width: 500px; }

.c-button-border--short {
  max-width: 300px; }

.c-button-border--renew2025 {
  padding: 19px 25px;
  width: 360px;
  display: block;
  width: 100%;
  margin: auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  overflow: hidden; }

.c-define {
  margin: 30px auto; }

.c-define dt {
  font-weight: 600; }

.c-define dd {
  margin-top: 5px; }

.c-define dd + dt {
  margin-top: 20px; }

.c-define.indent1 dd {
  margin: 5px 0 20px;
  padding-left: 1em; }

table {
  width: 100%;
  margin: 40px auto 20px; }

table.is-small {
  font-size: 87.5%; }

table.is-tiny {
  font-size: 81.25%; }

table.is-fixed {
  table-layout: fixed; }

table.is-normal,
table .is-normal {
  font-weight: normal; }

table.is-normal th,
table.is-normal td,
table .is-normal th,
table .is-normal td {
  font-weight: normal; }

table.is-normal th.is-middle,
table.is-normal td.is-middle,
table .is-normal th.is-middle,
table .is-normal td.is-middle {
  vertical-align: top; }

table.is-middle th,
table.is-middle td {
  vertical-align: middle; }

table caption {
  margin: 10px auto;
  text-align: left;
  font-size: 83%; }

table tbody + caption {
  caption-side: bottom; }

.c-table, .c-table--small {
  background: #fff;
  border-bottom: 1px solid #000; }

.c-table thead th, .c-table--small thead th {
  padding: 15px;
  background: #ac257d;
  color: #fff;
  font-size: 18px; }

.kanjo .c-table thead th, .kanjo .c-table--small thead th,
.sp_kanjo .c-table thead th, .sp_kanjo .c-table--small thead th{
  background-color: #AC257D;
  border-right: 1px solid #AC257D; }

.kanjo-kobetsu .c-table thead th, .kanjo-kobetsu .c-table--small thead th {
  background-color: #f33d42;
  border-right: 1px solid #f33d42; }

.kanjo-kensetsu .c-table thead th, .kanjo-kensetsu .c-table--small thead th {
  background-color: #5a181c;
  border-right: 1px solid #5a181c }

.kyuyo .c-table thead th, .kyuyo .c-table--small thead th {
  background-color: #0075C1;
  border-right: 1px solid #0075C1; }

.saiken .c-table thead th, .saiken .c-table--small thead th {
  background-color: #EB6D9A;
  border-right: 1px solid #EB6D9A; }

.saimu .c-table thead th, .saimu .c-table--small thead th {
  background-color: #B963A4;
  border-right: 1px solid #B963A4; }

.akikura .c-table thead th, .akikura .c-table--small thead th {
  background-color: #006939;
  border-right: 1px solid #006939; }

.akinai .c-table thead th, .akinai .c-table--small thead th {
  background-color: #009140;
  border-right: 1px solid #009140; }

.kura .c-table thead th, .kura .c-table--small thead th {
  background-color: #5CAF30;
  border-right: 1px solid #5CAF30; }

.somujinji .c-table thead th, .somujinji .c-table--small thead th,
.jinji .c-table thead th,
.jinji .c-table--small thead th {
  background-color: #00A7B7;
  border-right: 1px solid #00A7B7; }

.hotei .c-table thead th, .hotei .c-table--small thead th {
  background-color: #009ED4;
  border-right: 1px solid #009ED4; }

.kotei .c-table thead th, .kotei .c-table--small thead th {
  background-color: #5D2976;
  border-right: 1px solid #5D2976; }

.shinkoku .c-table thead th, .shinkoku .c-table--small thead th,
.shinkoku-hc .c-table thead th,
.shinkoku-hc .c-table--small thead th {
  background-color: #e77008;
  border-right: 1px solid #e77008; }

.shinkoku-ug .c-table thead th, .shinkoku-ug .c-table--small thead th {
  background-color: #fb9b00;
  border-right: 1px solid #fb9b00; }

.eb-cloud .c-table thead th, .eb-cloud .c-table--small thead th {
  background-color: #021650;
  border-right: 1px solid #021650; }

div.edge .c-table thead th, div.edge .c-table--small thead th {
  background-color: #00438b;
  border-right: 1px solid #00438b; }

.verp .c-table thead th, .verp .c-table--small thead th {
  background-color: #262523;
  border-right: 1px solid #262523; }

.c-table thead th.none, .c-table--small thead th.none {
  background: #fff;
  border-left: 1px solid #6f6f6f;
  border-right: 1px solid #6f6f6f;
  border-top: 1px solid #6f6f6f;
  background-image: linear-gradient(to top right, transparent, transparent 49.75%, #6f6f6f 49.75%, #6f6f6f 50.25%, transparent 50.25%, transparent); }

.c-table thead th:not(:last-child), .c-table--small thead th:not(:last-child) {
  border-right: 1px solid #fff; }

.c-table tbody, .c-table--small tbody {
  border-top: 1px solid #6f6f6f;
  border-left: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
  text-align: left; }

.c-table tbody.right, .c-table--small tbody.right,
.c-table tbody .right,
.c-table--small tbody .right {
  text-align: right; }

.c-table tbody.right td, .c-table--small tbody.right td,
.c-table tbody .right td,
.c-table--small tbody .right td {
  text-align: right; }

.c-table tbody.center, .c-table--small tbody.center,
.c-table tbody .center,
.c-table--small tbody .center {
  text-align: center; }

.c-table tbody.center td, .c-table--small tbody.center td,
.c-table tbody .center td,
.c-table--small tbody .center td {
  text-align: center; }

.c-table tbody.left, .c-table--small tbody.left,
.c-table tbody .left,
.c-table--small tbody .left {
  text-align: left; }

.c-table tbody.left td, .c-table--small tbody.left td,
.c-table tbody .left td,
.c-table--small tbody .left td {
  text-align: left; }

.c-table tbody tr, .c-table--small tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.c-table tbody th, .c-table--small tbody th,
.c-table tbody td,
.c-table--small tbody td {
  padding: 7px 15px;
  border-right: 1px solid #6f6f6f;
  border-left: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  vertical-align: middle; }

.c-table tbody th, .c-table--small tbody th {
  background: #fef5fb; }

.kanjo .c-table tbody th, .kanjo .c-table--small tbody th,
.sp_kanjo .c-table tbody th, .sp_kanjo .c-table--small tbody th{
  background: #FEF5FB; }

.kyuyo .c-table tbody th, .kyuyo .c-table--small tbody th {
  background: #E8F0F5; }

.saiken .c-table tbody th, .saiken .c-table--small tbody th {
  background: #F6EAEE; }

.saimu .c-table tbody th, .saimu .c-table--small tbody th {
  background: #F2E8F0; }

.akikura .c-table tbody th, .akikura .c-table--small tbody th {
  background: #EEF6F2; }

.akinai .c-table tbody th, .akinai .c-table--small tbody th {
  background: #f5fefa; }

.kura .c-table tbody th, .kura .c-table--small tbody th {
  background: #f6fef5; }

.somujinji .c-table tbody th, .somujinji .c-table--small tbody th {
  background: #f5fdfe; }

.jinji .c-table tbody th, .jinji .c-table--small tbody th {
  background: #f5fdfe; }

.hotei .c-table tbody th, .hotei .c-table--small tbody th {
  background: #f5fcfe; }

.kotei .c-table tbody th, .kotei .c-table--small tbody th {
  background: #f7f5fe; }

.shinkoku .c-table tbody th, .shinkoku .c-table--small tbody th {
  background: #fefaf5; }

.shinkoku-hc .c-table tbody th, .shinkoku-hc .c-table--small tbody th {
  background: #fefaf5; }

.shinkoku-ug .c-table tbody th, .shinkoku-ug .c-table--small tbody th {
  background: #fefaf5; }

.eb-cloud .c-table tbody th, .eb-cloud .c-table--small tbody th {
  background: #F5F6F9; }

div.edge .c-table tbody th, div.edge .c-table--small tbody th {
  background: #E8F0F5; }

.verp .c-table tbody th, .verp .c-table--small tbody th {
  background: rgba(#262523,0.1); }

.c-table tbody th.label, .c-table--small tbody th.label {
  font-size: 18px; }

.c-table tbody th.none, .c-table--small tbody th.none {
  background: #fff;
  border-left: 1px solid #6f6f6f;
  border-right: 1px solid #6f6f6f;
  border-top: 1px solid #6f6f6f;
  background-image: linear-gradient(to top right, transparent, transparent 49%, #6f6f6f 49%, #6f6f6f 50.25%, transparent 50.25%, transparent); }

.c-table tbody td,
.c-table--small tbody td {
  text-align: center; }

.c-table table, .c-table--small table {
  margin: 12px 0 10px; }

.c-table table tbody th, .c-table--small table tbody th,
.c-table table tbody td,
.c-table--small table tbody td {
  font-size: 14px; }

.c-table.is-gray, .is-gray.c-table--small {
  border-bottom: 1px solid #ccc; }

.c-table.is-gray thead th, .is-gray.c-table--small thead th {
  background: #eee; }

.c-table.is-gray tbody, .is-gray.c-table--small tbody {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.c-table.is-gray tbody tr, .is-gray.c-table--small tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.c-table.is-gray tbody th, .is-gray.c-table--small tbody th,
.c-table.is-gray tbody td,
.is-gray.c-table--small tbody td {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.c-table.is-gray tbody th, .is-gray.c-table--small tbody th {
  background: #eee; }

.c-table.is-gray table th, .is-gray.c-table--small table th {
  background: #f6f6f6; }

.c-table--small {
  margin: 20px auto 15px; }

.c-table--small thead th {
  padding: 5px 7px;
  font-size: 11px; }

.c-table--small tbody th,
.c-table--small tbody td {
  padding: 5px 7px;
  font-size: 10px; }

.c-table--small tbody th.label {
  font-size: 11px; }

.c-table--small tbody td {
  text-align: left; }

.c-patent {
  display: inline-block;
  margin: 5px auto;
  padding: 4px 8px;
  line-height: 1.2;
  font-size: 12px;
  color: #057DB8;
  border: 1px solid #057DB8;
  border-radius: 4px; }

.c-youtube {
  width: 100%;
  margin: auto;
  padding-top: 56.25%;
  position: relative; }

.c-youtube a[data-lity]:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.c-youtube a[data-lity] iframe {
  z-index: -1; }

.c-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.c-youtube-image a {
  position: relative; }

.c-youtube-image a:after {
  content: "";
  display: block;
  width: 72px;
  height: 50px;
  margin: auto;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/common/icon_play.svg") no-repeat center center/cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.c-youtube .hs-responsive-embed-wrapper {
  width: auto !important;
  position: static !important;
  overflow: visible !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: auto !important;
  margin: auto !important;
  display: block !important; }

.c-youtube .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper {
  position: static !important;
  overflow: visible !important;
  max-width: 100% !important;
  padding: 0 !important; }

.c-frame {
  display: inline-block;
  padding: .1em .5em;
  border-width: 2px;
  border-style: solid; }

.kanjo .c-frame {
  border-color: #AC257D; }

.kanjo-kobetsu .c-frame {
  border-color: #f33d42; }

.kyuyo .c-frame {
  border-color: #0075C1; }

.saiken .c-frame {
  border-color: #EB6D9A; }

.saimu .c-frame {
  border-color: #B963A4; }

.akikura .c-frame {
  border-color: #006939; }

.akinai .c-frame {
  border-color: #009140; }

.kura .c-frame {
  border-color: #5CAF30; }

.somujinji .c-frame {
  border-color: #00A7B7; }

.jinji .c-frame {
  border-color: #00A7B7; }

.hotei .c-frame {
  border-color: #009ED4; }

.kotei .c-frame {
  border-color: #5D2976; }

.shinkoku .c-frame {
  border-color: #e77008; }

.shinkoku-hc .c-frame {
  border-color: #e77008; }

.shinkoku-ug .c-frame {
  border-color: #fb9b00; }

.eb-cloud .c-frame {
  border-color: #021650; }

div.edge .c-frame {
  border-color: #00438b; }

div.verp .c-frame {
  border-color: #262523; }

.c-frame--invert {
  padding: .1em 1em;
  color: #fff; }

.kanjo .c-frame--invert {
  background-color: #AC257D; }

.kanjo-kobetsu .c-frame--invert {
  background-color: #f33d42; }

.kyuyo .c-frame--invert {
  background-color: #0075C1; }

.saiken .c-frame--invert {
  background-color: #EB6D9A; }

.saimu .c-frame--invert {
  background-color: #B963A4; }

.akikura .c-frame--invert {
  background-color: #006939; }

.akinai .c-frame--invert {
  background-color: #009140; }

.kura .c-frame--invert {
  background-color: #5CAF30; }

.somujinji .c-frame--invert {
  background-color: #00A7B7; }

.jinji .c-frame--invert {
  background-color: #00A7B7; }

.hotei .c-frame--invert {
  background-color: #009ED4; }

.kotei .c-frame--invert {
  background-color: #5D2976; }

.shinkoku .c-frame--invert {
  background-color: #e77008; }

.shinkoku-hc .c-frame--invert {
  background-color: #e77008; }

.shinkoku-ug .c-frame--invert {
  background-color: #fb9b00; }

.eb-cloud .c-frame--invert {
  background-color: #021650; }

div.edge .c-frame--invert {
  background-color: #00438b; }

div.verp .c-frame--invert {
  background-color: #262523; }

.c-point, .c-point--right, .c-point--left {
  padding: 12px 30px 10px 16px;
  position: relative;
  font-weight: 700;
  color: #fff; }

.kanjo .c-point, .kanjo .c-point--right, .kanjo .c-point--left {
  background: linear-gradient(171deg, #AC257D 0%, #AC257D 50%, #bc5097 50%, #bc5097 100%); }

.kanjo-kobetsu .c-point, .kanjo-kobetsu .c-point--right, .kanjo-kobetsu .c-point--left {
  background: linear-gradient(171deg, #f33d42 0%, #f33d42 50%, #bc5097 50%, #bc5097 100%); }

.kyuyo .c-point, .kyuyo .c-point--right, .kyuyo .c-point--left {
  background: linear-gradient(171deg, #0075C1 0%, #0075C1 50%, #bc5097 50%, #bc5097 100%); }

.saiken .c-point, .saiken .c-point--right, .saiken .c-point--left {
  background: linear-gradient(171deg, #EB6D9A 0%, #EB6D9A 50%, #bc5097 50%, #bc5097 100%); }

.saimu .c-point, .saimu .c-point--right, .saimu .c-point--left {
  background: linear-gradient(171deg, #B963A4 0%, #B963A4 50%, #bc5097 50%, #bc5097 100%); }

.akikura .c-point, .akikura .c-point--right, .akikura .c-point--left {
  background: linear-gradient(171deg, #006939 0%, #006939 50%, #bc5097 50%, #bc5097 100%); }

.akinai .c-point, .akinai .c-point--right, .akinai .c-point--left {
  background: linear-gradient(171deg, #009140 0%, #009140 50%, #bc5097 50%, #bc5097 100%); }

.kura .c-point, .kura .c-point--right, .kura .c-point--left {
  background: linear-gradient(171deg, #5CAF30 0%, #5CAF30 50%, #bc5097 50%, #bc5097 100%); }

.somujinji .c-point, .somujinji .c-point--right, .somujinji .c-point--left {
  background: linear-gradient(171deg, #00A7B7 0%, #00A7B7 50%, #bc5097 50%, #bc5097 100%); }

.jinji .c-point, .jinji .c-point--right, .jinji .c-point--left {
  background: linear-gradient(171deg, #00A7B7 0%, #00A7B7 50%, #bc5097 50%, #bc5097 100%); }

.hotei .c-point, .hotei .c-point--right, .hotei .c-point--left {
  background: linear-gradient(171deg, #009ED4 0%, #009ED4 50%, #bc5097 50%, #bc5097 100%); }

.kotei .c-point, .kotei .c-point--right, .kotei .c-point--left {
  background: linear-gradient(171deg, #5D2976 0%, #5D2976 50%, #bc5097 50%, #bc5097 100%); }

.shinkoku .c-point, .shinkoku .c-point--right, .shinkoku .c-point--left {
  background: linear-gradient(171deg, #e77008 0%, #e77008 50%, #bc5097 50%, #bc5097 100%); }

.shinkoku-hc .c-point, .shinkoku-hc .c-point--right, .shinkoku-hc .c-point--left {
  background: linear-gradient(171deg, #e77008 0%, #e77008 50%, #bc5097 50%, #bc5097 100%); }

.shinkoku-ug .c-point, .shinkoku-ug .c-point--right, .shinkoku-ug .c-point--left {
  background: linear-gradient(171deg, #fb9b00 0%, #fb9b00 50%, #bc5097 50%, #bc5097 100%); }

.eb-cloud .c-point, .eb-cloud .c-point--right, .eb-cloud .c-point--left {
  background: linear-gradient(171deg, #021650 0%, #021650 50%, #bc5097 50%, #bc5097 100%); }

div.edge .c-point, div.edge .c-point--right, div.edge .c-point--left {
  background: linear-gradient(171deg, #262523 0%, #262523 50%, #bc5097 50%, #bc5097 100%); }

div.verp .c-point, div.verp .c-point--right, div.verp .c-point--left {
  background: linear-gradient(171deg, #00438b 0%, #00438b 50%, #bc5097 50%, #bc5097 100%); }

.c-point--right {
  -webkit-clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%); }

.c-point--left {
  -webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 5% 100%, 0% 50%);
  clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 5% 100%, 0% 50%); }

.c-point--reason {
  padding: 0 24px 2px 16px;
  margin-right: 10px;
  position: relative;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  -webkit-clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
  background: linear-gradient(152deg, #00438b 0%, #00438b 50%, rgba(0, 67, 139, 0.5) 50%, rgba(0, 67, 139, 0.5) 100%); }

.c-point--reason small {
  font-size: 18px; }

.c-point > .step, .c-point--right > .step, .c-point--left > .step {
  display: inline-block;
  margin-right: 10px;
  padding: .2em 1.5em;
  border: 1px solid #fff;
  font-family: "Roboto", serif;
  font-size: 9px;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-10%, -50%); }

.kanjo .c-dotted, .kanjo .c-dotted--under {
  border-color: #AC257D; }

.kanjo-kobetsu .c-dotted, .kanjo-kobetsu .c-dotted--under {
  border-color: #f33d42; }

.kyuyo .c-dotted, .kyuyo .c-dotted--under {
  border-color: #0075C1; }

.saiken .c-dotted, .saiken .c-dotted--under {
  border-color: #EB6D9A; }

.saimu .c-dotted, .saimu .c-dotted--under {
  border-color: #B963A4; }

.akikura .c-dotted, .akikura .c-dotted--under {
  border-color: #006939; }

.akinai .c-dotted, .akinai .c-dotted--under {
  border-color: #009140; }

.kura .c-dotted, .kura .c-dotted--under {
  border-color: #5CAF30; }

.somujinji .c-dotted, .somujinji .c-dotted--under {
  border-color: #00A7B7; }

.jinji .c-dotted, .jinji .c-dotted--under {
  border-color: #00A7B7; }

.hotei .c-dotted, .hotei .c-dotted--under {
  border-color: #009ED4; }

.kotei .c-dotted, .kotei .c-dotted--under {
  border-color: #5D2976; }

.shinkoku .c-dotted, .shinkoku .c-dotted--under {
  border-color: #e77008; }

.shinkoku-hc .c-dotted, .shinkoku-hc .c-dotted--under {
  border-color: #e77008; }

.shinkoku-ug .c-dotted, .shinkoku-ug .c-dotted--under {
  border-color: #fb9b00; }

.eb-cloud .c-dotted, .eb-cloud .c-dotted--under {
  border-color: #021650; }

div.edge .c-dotted, div.edge .c-dotted--under {
  border-color: #262523; }

div.verp .c-dotted, div.verp .c-dotted--under {
  border-color: #00438b; }

.c-dotted--under {
  border-bottom: 3px dotted; }

.c-dots {
  background-image: radial-gradient(circle at center, #fff 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: .4em; }

.c-wave {
  position: relative; }

.c-wave::before {
  content: "";
  display: block;
  position: absolute;
  overflow: visible;
  top: 0;
  right: 0;
  width: 145%;
  height: 200%;
  background: url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_wave.png) no-repeat bottom center/100% auto;
  transform: translateY(-25%);
  z-index: -1; }

.c-fukidashi {
  position: absolute;
  display: inline-block;
  margin: 0 auto 20px;
  padding: 10px;
  border: 2px solid;
  background-color: #fff;
  white-space: nowrap;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  left: 50%;
  top: 0;
  transform: translateX(-50%); }

.kanjo .c-fukidashi {
  border-color: #AC257D; }

.kanjo-kobetsu .c-fukidashi {
  border-color: #f33d42; }

.kyuyo .c-fukidashi {
  border-color: #0075C1; }

.saiken .c-fukidashi {
  border-color: #EB6D9A; }

.saimu .c-fukidashi {
  border-color: #B963A4; }

.akikura .c-fukidashi {
  border-color: #006939; }

.akinai .c-fukidashi {
  border-color: #009140; }

.kura .c-fukidashi {
  border-color: #5CAF30; }

.somujinji .c-fukidashi {
  border-color: #00A7B7; }

.jinji .c-fukidashi {
  border-color: #00A7B7; }

.hotei .c-fukidashi {
  border-color: #009ED4; }

.kotei .c-fukidashi {
  border-color: #5D2976; }

.shinkoku .c-fukidashi {
  border-color: #e77008; }

.shinkoku-hc .c-fukidashi {
  border-color: #e77008; }

.shinkoku-ug .c-fukidashi {
  border-color: #fb9b00; }

.eb-cloud .c-fukidashi {
  border-color: #021650; }

div.edge .c-fukidashi {
  border-color: #262523; }

div.verp .c-fukidashi {
  border-color: #00438b; }

.c-fukidashi::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 16px 0 16px;
  border-color: #006939 transparent transparent;
  translate: -50% 100%; }

.kanjo .c-fukidashi::before {
  border-color: #AC257D transparent transparent; }

.kanjo-kobetsu .c-fukidashi::before {
  border-color: #f33d42 transparent transparent; }

.kyuyo .c-fukidashi::before {
  border-color: #0075C1 transparent transparent; }

.saiken .c-fukidashi::before {
  border-color: #EB6D9A transparent transparent; }

.saimu .c-fukidashi::before {
  border-color: #B963A4 transparent transparent; }

.akikura .c-fukidashi::before {
  border-color: #006939 transparent transparent; }

.akinai .c-fukidashi::before {
  border-color: #009140 transparent transparent; }

.kura .c-fukidashi::before {
  border-color: #5CAF30 transparent transparent; }

.somujinji .c-fukidashi::before {
  border-color: #00A7B7 transparent transparent; }

.jinji .c-fukidashi::before {
  border-color: #00A7B7 transparent transparent; }

.hotei .c-fukidashi::before {
  border-color: #009ED4 transparent transparent; }

.kotei .c-fukidashi::before {
  border-color: #5D2976 transparent transparent; }

.shinkoku .c-fukidashi::before {
  border-color: #e77008 transparent transparent; }

.shinkoku-hc .c-fukidashi::before {
  border-color: #e77008 transparent transparent; }

.shinkoku-ug .c-fukidashi::before {
  border-color: #fb9b00 transparent transparent; }

.eb-cloud .c-fukidashi::before {
  border-color: #021650 transparent transparent; }

div.edge .c-fukidashi::before {
  border-color: #262523 transparent transparent; }

div.verp .c-fukidashi::before {
  border-color: #00438b transparent transparent; }

.c-fukidashi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 16.8px 13.4px 0 13.4px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%; }

@media screen and (max-width: 768px) {
  .c-fukidashi {
    position: relative; } }

.c-circle {
  margin: 0 auto;
  display: inline-block;
  font-family: 'Roboto',sans-serif;
  font-size: 30px;
  font-weight: 700;
  background-color: #00438b;
  border-radius: 100vh;
  width: 3rem;
  height: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  color: #fff;
  margin-top: -3.6rem; }

@media screen and (max-width: 768px) {
  .c-circle {
    font-size: 20px;
    width: 2rem;
    height: 2rem;
    margin: -2.25rem auto 0; } }

.p-hero {
  padding: 45px 0;
  color: #fff;
  overflow: hidden; }

.kanjo .p-hero,
.sp_kanjo .p-hero{
  background-color: #AC257D; }

.kanjo-kobetsu .p-hero {
  background-color: #f33d42; }

.kanjo-kensetsu .p-hero {
  background-color: #5a181c; }

.kyuyo .p-hero {
  background-color: #0075C1; }

.saiken .p-hero {
  background-color: #EB6D9A; }

.saimu .p-hero {
  background-color: #B963A4; }

.akikura .p-hero {
  background-color: #006939; }

.akinai .p-hero {
  background-color: #009140; }

.kura .p-hero {
  background-color: #5CAF30; }

.somujinji .p-hero {
  background-color: #00A7B7; }

.jinji .p-hero {
  background-color: #00A7B7; }

.hotei .p-hero {
  background-color: #009ED4; }

.kotei .p-hero {
  background-color: #5D2976; }

.shinkoku .p-hero {
  background-color: #e77008; }

.shinkoku-hc .p-hero {
  background-color: #e77008; }

.shinkoku-ug .p-hero {
  background-color: #fb9b00; }

.eb-cloud .p-hero {
  background-color: #021650; }

div.edge > .wrap .p-hero {
  background-color: #00438b; }

.verp .p-hero {
  background-color: #262523; }

.p-hero .inner {
  max-width: 1260px;
  margin: auto;
  padding: 0 20px; }

div.edge > .top .p-hero .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  min-height: 170px; }

div.edge > .top .p-hero .inner > * {
  width: 100%;
  position: relative;
  z-index: 1; }

div.edge > .top .p-hero .inner.p-hero-column {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

div.edge > .top .p-hero .inner:before {
  content: "";
  display: block;
  width: 500px;
  height: 236px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

div.edge.adjustment .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/adjustment/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.attend .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/attend/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.h-info .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/h-info/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.labor .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/labor/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.labor .top .p-hero.labordigital .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/labor/index/bg_digital_hero.svg") no-repeat 50% 0/contain; }

div.edge.mental .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/mental/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.mynumber .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/mynumber/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.payment .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/payment/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.personalchange .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/personalchange/index/bg_hero.svg") no-repeat 50% 0/contain; }

div.edge.voucher .top .p-hero .inner:before {
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/voucher/index/bg_hero.svg") no-repeat 50% 0/contain; }

.p-hero-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.p-hero-column--box {
  background-color: #fff !important; }

.p-hero-column--box .p-hero-lead {
  font-size: 26px;
  font-weight: 600; }

.kanjo .p-hero-column--box .p-hero-lead {
  color: #AC257D; }

.kyuyo .p-hero-column--box .p-hero-lead {
  color: #0075C1; }

@media screen and (max-width: 768px) {
  .p-hero-column--box {
    padding: 20px 20px 40px; }
  .p-hero-column--box .p-hero-lead {
    font-size: 22px; } }

@media screen and (min-width: 769px) {
  .p-hero-column--box {
    padding: 63px 45px 88.8px; }
  .p-hero-column--box .logo img {
    min-width: 543.77px; }
  .kyuyo .p-hero-column--box .p-hero-footer {
    right: -80px; }
  .kyuyo .p-hero-column--box .p-hero-footer-image {
    max-width: 512px; }
  .kanjo .p-hero-column--box {
    background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kanjo/index_renew/hero-top202311.png");
    background-repeat: no-repeat;
    background-position: 100% 100%; } }

.p-hero.video-container {
  position: relative; }

.top main .p-hero.video-container {
  background-image: none; }

.p-hero.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 883px;
  height: 500px;
  z-index: 1; }

.p-hero.video-container .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 883px;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2; }

.p-hero.video-container .inner {
  max-width: 1260px;
  margin: auto;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 410px;
  z-index: 3; }

.p-hero.video-container .inner:before {
  background: none !important; }

.p-hero.video-container .inner .video-title {
  position: absolute;
  width: 100%;
  z-index: 3 !important; }

.ie11 .p-hero.video-container .inner .video-title {
  position: relative; }

.p-hero.video-container .inner .video-title .category-list__item:first-child,
.p-hero.video-container .inner .video-title .category-list__item:nth-child(2){
  background-color: #fff;
  color: #00438b; }

.jinji .p-hero.video-container .inner .video-title .category-list__item:first-child {
  color: #00A7B7; }

.p-hero.video-container .inner .video-title h2 {
  margin: 15px 0;
  font-weight: 700;
  font-size: 50px; }

.p-hero.video-container .inner .video-title .small {
  font-size: 14px; }

.p-hero .products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 520px;
  }

.p-hero .aside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end; }

.p-hero .aside .c-flex-wrap {
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 15px; }

.p-hero .aside .nikkeicomputer {
  max-width: 20em;
  font-size: 10px; }

.p-hero .aside .nikkeicomputer figure {
  margin-bottom: 15px; }

.p-hero .aside .nikkeicomputer + .tax10,
.p-hero .aside .nikkeicomputer + .badge {
  -ms-flex-item-align: start;
  align-self: flex-start; }

.p-hero .aside .excerpt {
  max-width: 450px; }

.p-hero .aside .excerpt.small {
  max-width: 300px; }

.p-hero .aside .excerpt + .tax10,
.p-hero .aside .excerpt + .badge {
  margin-left: 15px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }

.p-hero .aside .tax10,
.p-hero .aside .badge {
  width: 146px;
  height: auto;
  position: static;
  box-shadow: none; }

.p-hero .aside .tax10 + .badge,
.p-hero .aside .badge + .badge {
  margin-left: 20px; }

.p-hero .aside .award {
  text-align: center;
  margin-left: 25px; }

.p-hero .aside .award .desc {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
  white-space: nowrap; }

.p-hero .aside .award-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end; }

.p-hero .aside .award-list__item {
  margin-left: 25px; }

.p-hero .aside .award-list__item:first-child {
  margin-left: 0; }

.p-hero .aside .award-list .top {
  width: 120px; }

.p-hero .aside .award .notice {
  text-align: left; }

.p-hero .aside .notice {
  margin-top: 15px;
  font-size: 10px;
  color: #fff;
  line-height: 1.5;
  word-break: break-all; }

.p-hero-head--text {
  margin: 11px auto;
  font-size: 40px;
  font-weight: 400;
  color: #fff; }

.p-hero .category-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0; }

.p-hero .category-list__item {
  display: inline-block;
  margin-right: 16px;
  padding: 5px 15px;
  border: 1px solid #fff;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #fff; }

.p-hero .logo {
  margin-top: 0;
  margin-bottom: 0; }

.p-hero .logo span {
  display: block; }

.p-hero .logo span + span {
  margin-top: 13px; }

.p-hero .logo:first-child {
  margin-top: 0; }

.p-hero .logo:last-child {
  margin-bottom: 0; }

.p-hero .mv-conversion {
  margin-top: 36px; }

.p-hero .mv-conversion .mv-conversion-button {
  display: inline-block;
  min-width: 245px;
  margin: 0 5px;
  padding: 15px 20px;
  background: #e76f02;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: normal; }

.shinkoku-ug .p-hero .mv-conversion .mv-conversion-button {
  background: #e76f02; }

.shinkoku-hc .p-hero .mv-conversion .mv-conversion-button,
.shinkoku-ug .p-hero .mv-conversion .mv-conversion-button,
.kanjo-kobetsu .p-hero .mv-conversion .mv-conversion-button{
  box-shadow: 0 0 0 1px white; }

.p-hero .mv-conversion .mv-conversion-button i {
  display: inline-block;
  margin-right: 5px;
  font-size: 22px;
  vertical-align: middle; }

.p-hero .mv-conversion .mv-conversion-button i:before {
  position: relative; }

.p-hero .desc {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7; }

.p-lineup {
  margin: 30px auto 60px; }

.p-lineup > * {
  position: relative; }

.p-lineup.c-flex-grid {
  margin-top: -30px; }

.p-lineup .kanjo .logo,
.p-lineup .sp_kanjo .logo{
  border-bottom-color: #AC257D; }

.p-lineup .kanjo .category,
.p-lineup .kanjo .category-list .item,
.p-lineup .sp_kanjo .category,
.p-lineup .sp_kanjo .category-list .item{
  background-color: #AC257D; }

.p-lineup .kanjo-kobetsu .logo {
  border-bottom-color: #f33d42; }
  
.p-lineup .kanjo-kobetsu .category,
.p-lineup .kanjo-kobetsu .category-list .item {
    background-color: #f33d42; }
    
.p-lineup .kanjo-kensetsu .logo {
  border-bottom-color: #5a181c; }

.p-lineup .kanjo-kensetsu .category,
.p-lineup .kanjo-kensetsu .category-list .item {
  background-color: #5a181c; }

.p-lineup .kyuyo .logo {
  border-bottom-color: #0075C1; }

.p-lineup .kyuyo .category,
.p-lineup .kyuyo .category-list .item {
  background-color: #0075C1; }

.p-lineup .saiken .logo {
  border-bottom-color: #EB6D9A; }

.p-lineup .saiken .category,
.p-lineup .saiken .category-list .item {
  background-color: #EB6D9A; }

.p-lineup .saimu .logo {
  border-bottom-color: #B963A4; }

.p-lineup .saimu .category,
.p-lineup .saimu .category-list .item {
  background-color: #B963A4; }

.p-lineup .akikura .logo {
  border-bottom-color: #006939; }

.p-lineup .akikura .category,
.p-lineup .akikura .category-list .item {
  background-color: #006939; }

.p-lineup .akinai .logo {
  border-bottom-color: #009140; }

.p-lineup .akinai .category,
.p-lineup .akinai .category-list .item {
  background-color: #009140; }

.p-lineup .kura .logo {
  border-bottom-color: #5CAF30; }

.p-lineup .kura .category,
.p-lineup .kura .category-list .item {
  background-color: #5CAF30; }

.p-lineup .somujinji .logo,
.p-lineup .jinji .logo {
  border-bottom-color: #00A7B7; }

.p-lineup .somujinji .category,
.p-lineup .somujinji .category-list .item,
.p-lineup .jinji .category,
.p-lineup .jinji .category-list .item {
  background-color: #00A7B7; }

.p-lineup .hotei .logo {
  border-bottom-color: #009ED4; }

.p-lineup .hotei .category,
.p-lineup .hotei .category-list .item {
  background-color: #009ED4; }

.p-lineup .kotei .logo {
  border-bottom-color: #5D2976; }

.p-lineup .kotei .category,
.p-lineup .kotei .category-list .item {
  background-color: #5D2976; }

.p-lineup .shinkoku .logo,
.p-lineup .shinkoku-hc .logo {
  border-bottom-color: #e77008; }

.p-lineup .shinkoku .category,
.p-lineup .shinkoku .category-list .item,
.p-lineup .shinkoku-hc .category,
.p-lineup .shinkoku-hc .category-list .item {
  background-color: #e77008; }

.p-lineup .shinkoku-ug .logo {
  border-bottom-color: #fb9b00; }

.p-lineup .shinkoku-ug .category,
.p-lineup .shinkoku-ug .category-list .item {
  background-color: #fb9b00; }

.p-lineup .eb-cloud .logo {
  border-bottom-color: #021650; }

.p-lineup .eb-cloud .category,
.p-lineup .eb-cloud .category-list .item {
    background-color: #021650; }

.p-lineup .edge .logo {
  border-bottom-color: #00438b; }

.p-lineup .edge .category,
.p-lineup .edge .category-list .item {
  background-color: #00438b; }


.p-lineup .verp .logo {
  border-bottom-color: #262523; }

.p-lineup .verp .category,
.p-lineup .verp .category-list .item {
    background-color: #262523; }

.p-lineup .p-lineup__item {
  padding: 50px 24px 24px;
  border-radius: 4px;
  background: #fff;
  position: relative; }

.p-lineup .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 30px;
  border-bottom: 5px solid #00438c; }

.p-lineup .logo .caption{
  margin-top: 3px;
  font-size: 108%;
  font-weight: 500; }

.kanjo .p-lineup .logo .caption,
.sp_kanjo .p-lineup .logo .caption{
  color: #AC257D; }

.kanjo-kobetsu .p-lineup .logo .caption {
  color: #f33d42; }

.kyuyo .p-lineup .logo .caption {
  color: #0075C1; }

.saiken .p-lineup .logo .caption {
  color: #EB6D9A; }

.saimu .p-lineup .logo .caption {
  color: #B963A4; }

.akikura .p-lineup .logo .caption {
  color: #006939; }

.akinai .p-lineup .logo .caption {
  color: #009140; }

.kura .p-lineup .logo .caption {
  color: #5CAF30; }

.somujinji .p-lineup .logo .caption {
  color: #00A7B7; }

.jinji .p-lineup .logo .caption {
  color: #00A7B7; }

.hotei .p-lineup .logo .caption {
  color: #009ED4; }

.kotei .p-lineup .logo .caption {
  color: #5D2976; }

.shinkoku .p-lineup .logo .caption {
  color: #e77008; }

.shinkoku-hc .p-lineup .logo .caption {
  color: #e77008; }

.shinkoku-ug .p-lineup .logo .caption {
  color: #fb9b00; }

.eb-cloud .p-lineup .logo .caption {
  color: #021650; }

div.edge .p-lineup .logo .caption {
  color: #00438b; }

.verp .p-lineup .logo .caption {
  color: #262523; }

#footer-bland .p-lineup .logo img[src$=svg],
div.edge.series-top .top .p-lineup .logo img[src$=svg] {
  width: auto;
  height: 60px; }

#footer-bland .p-lineup .logo img[src$=png],
div.edge.series-top .top .p-lineup .logo img[src$=png] {
  width: 100%;
  height: auto; }

.p-lineup .new {
  display: inline-block;
  margin: auto;
  padding: 5px 8px;
  line-height: 1.5;
  font-size: 12px;
  color: #fff;
  background: #f00;
  line-height: 1;
  position: absolute;
  right: 12px;
  top: 0; }

.p-lineup .category {
  display: inline-block;
  margin: auto;
  padding: 5px 8px;
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 24px;
  top: 0; }

.p-lineup .category-list {
  margin: auto;
  font-size: 0;
  position: absolute;
  left: 24px;
  top: 0; }

.p-lineup .category-list .item {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 8px;
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  line-height: 1; }

.p-lineup div.category {
  padding: 0; }

.p-lineup div.category span {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 8px;
  background-color: #00438c; }

.p-lineup .desc {
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 14px; }

.p-lineup .desc + .notice {
  margin-top: -20px; }

.p-lineup .notice {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #898989;
  text-align: right; }

.p-lineup [class*="c-button"]:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.p-news {
  padding: 14px 0 13px;
  border-bottom: 1px solid #d8d8d8; }

.p-news .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px; }

.p-news .inner:after {
  content: "";
  display: block;
  clear: both; }

.p-news:after {
  content: "";
  display: block;
  clear: both; }

.p-news .header {
  margin-right: 16px;
  line-height: 1.3;
  float: left; }

.p-news .body {
  overflow: hidden;
  line-height: 1.3; }

.p-news .body article:nth-child(n+2) {
  margin-top: 5px; }

.p-blockquote {
  margin: 70px auto 50px;
  padding: 0 70px;
  position: relative; }

.p-blockquote:before, .p-blockquote:after {
  display: block;
  font-size: 30px;
  position: absolute; }

.kanjo .p-blockquote:before, .kanjo .p-blockquote:after,
.sp_kanjo .p-blockquote:before, .sp_kanjo .p-blockquote:after{
  color: #AC257D; }

.kanjo-kobetsu .p-blockquote:before, .kanjo-kobetsu .p-blockquote:after {
  color: #f33d42; }

.kyuyo .p-blockquote:before, .kyuyo .p-blockquote:after {
  color: #0075C1; }

.saiken .p-blockquote:before, .saiken .p-blockquote:after {
  color: #EB6D9A; }

.saimu .p-blockquote:before, .saimu .p-blockquote:after {
  color: #B963A4; }

.akikura .p-blockquote:before, .akikura .p-blockquote:after {
  color: #006939; }

.akinai .p-blockquote:before, .akinai .p-blockquote:after {
  color: #009140; }

.kura .p-blockquote:before, .kura .p-blockquote:after {
  color: #5CAF30; }

.somujinji .p-blockquote:before, .somujinji .p-blockquote:after {
  color: #00A7B7; }

.jinji .p-blockquote:before, .jinji .p-blockquote:after {
  color: #00A7B7; }

.hotei .p-blockquote:before, .hotei .p-blockquote:after {
  color: #009ED4; }

.kotei .p-blockquote:before, .kotei .p-blockquote:after {
  color: #5D2976; }

.shinkoku .p-blockquote:before, .shinkoku .p-blockquote:after {
  color: #e77008; }

.shinkoku-hc .p-blockquote:before, .shinkoku-hc .p-blockquote:after {
  color: #e77008; }

.shinkoku-ug .p-blockquote:before, .shinkoku-ug .p-blockquote:after {
  color: #fb9b00; }

.eb-cloud .p-blockquote:before, .eb-cloud .p-blockquote:after {
  color: #021650; }

div.edge .p-blockquote:before, div.edge .p-blockquote:after {
  color: #00438b; }

.verp .p-blockquote:before, .verp .p-blockquote:after {
  color: #262523; }

.p-blockquote:before {
  content: "\e908";
  top: 10px;
  left: 30px; }

.p-blockquote:after {
  content: "\e909";
  bottom: 0;
  right: 30px; }

.p-comment, .p-comment--large {
  display: block;
  margin: 20px auto 30px;
  padding: 0 40px; }

.p-comment:after, .p-comment--large:after {
  content: "";
  display: block;
  clear: both; }

.p-comment figure, .p-comment--large figure {
  float: left;
  font-size: 0; }

.p-comment figure.normal img, .p-comment--large figure.normal img {
  border-radius: 2px; }

.p-comment figure img, .p-comment--large figure img {
  max-width: 80px;
  border-radius: 100px;
  overflow: hidden; }

.p-comment figure img + img, .p-comment--large figure img + img {
  margin-left: 10px; }

.p-comment figure + .detail, .p-comment--large figure + .detail {
  padding-left: 10px;
  overflow: hidden; }

.p-comment .detail, .p-comment--large .detail {
  font-size: 14px; }

.p-comment .detail p, .p-comment--large .detail p {
  margin: 1em auto; }

.p-comment--large {
  display: -ms-flexbox;
  display: flex;
  padding: 45px 90px 0 60px; }

.p-comment--large figure {
  margin-top: 20px; }

.p-comment--large figure img {
  max-width: 150px; }

.p-comment--large figure + .detail {
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px; }

.p-comment--large .detail {
  font-size: 16px; }

.p-comment--large .detail .c-head-text {
  margin-bottom: 14px; }

.p-scroll-table {
  margin: 40px auto 20px; }

.balloon {
  background-color: #fff;
  border: 2px solid;
  border-radius: 25px;
  border: 2px solid #e76f02;
  display: inline-block;
  font-weight: 600;
  margin: 10px auto 0;
  padding: 10px 60px;
  position: relative;
  top: 20px;
  text-align: center;
  color: #333;
  z-index: 2; }

.balloon span {
  letter-spacing: 0.05em;
  font-size: 17px; }

.balloon b, .balloon strong {
  color: #e76f02; }

.balloon::before, .balloon::after {
  content: "";
  left: 50%;
  position: absolute;
  display: inline-block; }

.balloon::before {
  border: 8px solid transparent;
  border-top-color: #fff;
  bottom: -15px;
  margin-left: -9px;
  z-index: 3; }

.balloon::after {
  border: 9px solid transparent;
  border-top-color: #e76f02;
  bottom: -18px;
  margin-left: -10px;
  z-index: 2; }

.kotei .balloon {
  padding: 5px 10px; }

.kotei .balloon span {
  font-size: 14px; }

.balloon.invert {
  background-color: #e76f02;
  color: #fff; }

.balloon.invert b, .balloon.invert strong {
  color: #fff; }

.balloon.invert::before {
  border-top-color: #e76f02; }

.balloon.invert::after {
  border-top-color: #e76f02; }

@media screen and (max-width: 768px) {
  .balloon {
    padding: 10px 20px;
    top: 10px; }
  .balloon span {
    font-size: 14px; }
  .balloon.invert {
    top: 12px; } }

.p-page__cta {
  width: 100% !important;
  padding: 38px 0 !important;
  color: #fff; }

.kanjo .p-page__cta {
  background-color: #AC257D; }

.kanjo-kensetsu .p-page__cta {
  background-color: #5a181c; }

.kanjo-kobetsu .p-page__cta {
  background-color: #f33d42; }

.kyuyo .p-page__cta {
  background-color: #0075C1; }

.saiken .p-page__cta {
  background-color: #EB6D9A; }

.saimu .p-page__cta {
  background-color: #B963A4; }

.akikura .p-page__cta {
  background-color: #006939; }

.akinai .p-page__cta {
  background-color: #009140; }

.kura .p-page__cta {
  background-color: #5CAF30; }

.somujinji .p-page__cta {
  background-color: #00A7B7; }

.jinji .p-page__cta {
  background-color: #00A7B7; }

.hotei .p-page__cta {
  background-color: #009ED4; }

.kotei .p-page__cta {
  background-color: #5D2976; }

.shinkoku .p-page__cta {
  background-color: #e77008; }

.shinkoku-hc .p-page__cta {
  background-color: #e77008; }

.shinkoku-ug .p-page__cta {
  background-color: #fb9b00; }

.eb-cloud .p-page__cta {
  background-color: #021650; }

div.edge > .wrap .p-page__cta {
  background-color: #00438b; }

.verp .p-page__cta {
  background-color: #262523; }

.p-page__cta .inner {
  max-width: 1220px; }

@media screen and (max-width: 768px) {
  .p-page__cta {
    padding: 20px 0 !important; } }

.p-page__cta--link {
  display: block;
  background-color: #fff;
  padding: 32px 65px;
  transition: all .3s; }

.kanjo-kobetsu .p-page__cta--link,
.kanjo-kensetsu .p-page__cta--link,
.shinkoku-hc .p-page__cta--link,
.shinkoku-ug .p-page__cta--link,
.edge .p-page__cta--link {
  padding: 32px 29px; }

.p-page__cta--link .c-button.orange, .p-page__cta--link .orange.c-button--sm, .p-page__cta--link .orange.c-button--long, .p-page__cta--link .orange.c-button--middle, .p-page__cta--link .orange.c-button--short {
  position: relative;
  border: none;
  overflow: hidden; }

.p-page__cta--link .c-button.orange::before, .p-page__cta--link .orange.c-button--sm::before, .p-page__cta--link .orange.c-button--long::before, .p-page__cta--link .orange.c-button--middle::before, .p-page__cta--link .orange.c-button--short::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7c40b;
  transform: translateX(-100%);
  transition: 0.3s;
  z-index: -1; }

.p-page__cta--link:hover {
  opacity: 1; }

.p-page__cta--link:hover .c-button.orange::before, .p-page__cta--link:hover .orange.c-button--sm::before, .p-page__cta--link:hover .orange.c-button--long::before, .p-page__cta--link:hover .orange.c-button--middle::before, .p-page__cta--link:hover .orange.c-button--short::before {
  transform: translateX(0); }

@media screen and (max-width: 768px) {
  .p-page__cta--link {
    padding: 20px !important; }
  .p-page__cta--link .c-button.orange, .p-page__cta--link .orange.c-button--sm, .p-page__cta--link .orange.c-button--long, .p-page__cta--link .orange.c-button--middle, .p-page__cta--link .orange.c-button--short {
    width: 100%; } }

.p-page__cta--wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.kotei .p-page__cta--wrap {
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 768px) {
  .p-page__cta--wrap {
    -ms-flex-direction: column;
    flex-direction: column; } }

.p-page__cta--thumb {
  width: 490px;
  margin-right: 50px; }

.p-page__cta--thumb img {
  width: 100%;
  height: auto;
  object-fit: cover; }

.kotei .p-page__cta--thumb {
  width: 90%;
  margin-right: 0;
  margin-bottom: -20px; }

@media screen and (max-width: 768px) {
  .p-page__cta--thumb {
    width: 100%;
    margin-right: 0; } }

.p-page__cta--detail {
  padding: 20px 0 0 0; }

.kotei .p-page__cta--detail {
  width: 100%; }

@media screen and (max-width: 768px) {
  .p-page__cta--detail {
    width: 100%; } }

.p-page__cta--title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
  color: #333; }

.kotei .p-page__cta--title {
  font-size: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 20px auto; }

.kotei .p-page__cta--title b, .kotei .p-page__cta--title strong {
  margin: 0;
  font-size: 24px; }

.kotei .p-page__cta--title::before, .kotei .p-page__cta--title::after {
  position: absolute;
  top: 0;
  content: '';
  width: 2px;
  height: 100%;
  background-color: #5D2976;
  border-radius: 3px; }

.kotei .p-page__cta--title::before {
  left: -2rem;
  transform: rotate(-30deg); }

.kotei .p-page__cta--title::after {
  right: -2rem;
  transform: rotate(30deg); }

@media screen and (max-width: 768px) {
  .p-page__cta--title {
    margin: 0;
    font-size: 18px; } }

.p-page__cta--btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.p-page__cta--btn .c-button, .p-page__cta--btn .c-button--sm, .p-page__cta--btn .c-button--long, .p-page__cta--btn .c-button--middle, .p-page__cta--btn .c-button--short {
  margin: 0 auto;
  padding: 36px 0;
  width: 100%;
  max-width: 100%;
  font-size: 28px;
  line-height: 1;
  z-index: 1;
  transition: all .3s; }

.p-page__cta--btn .c-button::after, .p-page__cta--btn .c-button--sm::after, .p-page__cta--btn .c-button--long::after, .p-page__cta--btn .c-button--middle::after, .p-page__cta--btn .c-button--short::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  right: 30px;
  margin-top: 0; }

.p-page__cta--btn .c-button:hover, .p-page__cta--btn .c-button--sm:hover, .p-page__cta--btn .c-button--long:hover, .p-page__cta--btn .c-button--middle:hover, .p-page__cta--btn .c-button--short:hover {
  opacity: 1 !important;
  background-color: #e7c40b; }

.p-page__cta--btn .c-button--white {
  background-color: #fff;
  border: 2px solid #e76f02;
  color: #e76f02; }

.p-page__cta--btn .c-button--white::after {
  border-color: #e76f02; }

.kotei .p-page__cta--btn .c-button, .kotei .p-page__cta--btn .c-button--sm, .kotei .p-page__cta--btn .c-button--long, .kotei .p-page__cta--btn .c-button--middle, .kotei .p-page__cta--btn .c-button--short {
  padding: 30px 20px 10px !important;
  border-radius: 75px;
  font-size: 24px;
  line-height: 1.4;
  overflow: hidden; }

.kotei .p-page__cta--btn .c-button::before, .kotei .p-page__cta--btn .c-button--sm::before, .kotei .p-page__cta--btn .c-button--long::before, .kotei .p-page__cta--btn .c-button--middle::before, .kotei .p-page__cta--btn .c-button--short::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7c40b;
  transform: translateX(-100%);
  transition: 0.3s;
  z-index: -1; }

.kotei .p-page__cta--btn .c-button:hover, .kotei .p-page__cta--btn .c-button--sm:hover, .kotei .p-page__cta--btn .c-button--long:hover, .kotei .p-page__cta--btn .c-button--middle:hover, .kotei .p-page__cta--btn .c-button--short:hover {
  opacity: 1 !important; }

.kotei .p-page__cta--btn .c-button:hover::before, .kotei .p-page__cta--btn .c-button--sm:hover::before, .kotei .p-page__cta--btn .c-button--long:hover::before, .kotei .p-page__cta--btn .c-button--middle:hover::before, .kotei .p-page__cta--btn .c-button--short:hover::before {
  transform: translateX(0); }

@media screen and (max-width: 768px) {
  .p-page__cta--btn {
    margin-top: 0; }
  .kotei .p-page__cta--btn .c-button, .kotei .p-page__cta--btn .c-button--sm, .kotei .p-page__cta--btn .c-button--long, .kotei .p-page__cta--btn .c-button--middle, .kotei .p-page__cta--btn .c-button--short {
    padding: 30px 0 20px;
    border-radius: 75px;
    font-size: 16px; } }

.p-accurate {
  padding: 110px 0;
  background: url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_gray_diagonal.png) no-repeat 0 0/100% 100%; }

.kanjo .p-accurate {
  margin-bottom: 180px; }

.akikura .p-accurate {
  margin-bottom: 0; }

.kyuyo .p-accurate {
  padding-bottom: 160px; }

@media screen and (max-width: 768px) {
  .kyuyo .p-accurate {
    padding-bottom: 100px; } }

.p-accurate--lead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.p-accurate--lead h4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em; }

.p-accurate p {
  letter-spacing: .05em; }

.p-accurate p.c-head-text em {
  font-weight: 700; }

.p-accurate--box {
  padding: 25px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff; }

.kanjo .p-accurate--box {
  background-color: #AC257D; }

.kanjo-kensetsu .p-accurate--box {
  background-color: #5a181c; }

.kanjo-kobetsu .p-accurate--box {
  background-color: #f33d42; }

.kyuyo .p-accurate--box {
  background-color: #0075C1; }

.saiken .p-accurate--box {
  background-color: #EB6D9A; }

.saimu .p-accurate--box {
  background-color: #B963A4; }

.akikura .p-accurate--box {
  background-color: #006939; }

.akinai .p-accurate--box {
  background-color: #009140; }

.kura .p-accurate--box {
  background-color: #5CAF30; }

.somujinji .p-accurate--box {
  background-color: #00A7B7; }

.jinji .p-accurate--box {
  background-color: #00A7B7; }

.hotei .p-accurate--box {
  background-color: #009ED4; }

.kotei .p-accurate--box {
  background-color: #5D2976; }

.shinkoku .p-accurate--box {
  background-color: #e77008; }

.shinkoku-hc .p-accurate--box {
  background-color: #e77008; }

.shinkoku-ug .p-accurate--box {
  background-color: #fb9b00; }

.eb-cloud .p-accurate--box {
  background-color: #021650; }

div.edge > .wrap .p-accurate--box {
  background-color: #00438b; }

.verp .p-accurate--box {
  background-color: #262523; }

.p-accurate--box span {
  color: #ffa24e; }

.p-accurate--list {
  padding: 25px;
  box-shadow: 1px 1px 10px #ccc; }

.p-accurate--list .list {
  background-color: #F2F2F2;
  padding: 20px 14px; }

.p-accurate--list .list ul li {
  padding-left: 1rem;
  position: relative;
  margin: 4px auto 0;
  position: relative; }

.p-accurate--list .list ul li::before {
  content: "・";
  position: absolute;
  left: 0; }

@media screen and (max-width: 768px) {
  .p-accurate .c-figure.u--widp--sm15 {
    max-width: 15%;
    margin-right: auto;
    margin-left: auto; }
  .p-accurate a + a {
    margin-top: 15px; } }

.p-step--index {
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0 110px; }

.p-step--index a {
  display: block;
  text-decoration: none !important;
  transition: all .3s; }

.p-step--index a:hover {
  opacity: .7; }

.p-step--index dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  width: calc((100% - (300.5px)) / 3);
  letter-spacing: 0.05em;
  position: relative;
  border-bottom: 3px solid; }

.kanjo .p-step--index dl {
  border-color: #AC257D; }

.kanjo-kobetsu .p-step--index dl {
  border-color: #f33d42; }

.kyuyo .p-step--index dl {
  border-color: #0075C1; }

.saiken .p-step--index dl {
  border-color: #EB6D9A; }

.saimu .p-step--index dl {
  border-color: #B963A4; }

.akikura .p-step--index dl {
  border-color: #006939; }

.akinai .p-step--index dl {
  border-color: #009140; }

.kura .p-step--index dl {
  border-color: #5CAF30; }

.somujinji .p-step--index dl {
  border-color: #00A7B7; }

.jinji .p-step--index dl {
  border-color: #00A7B7; }

.hotei .p-step--index dl {
  border-color: #009ED4; }

.kotei .p-step--index dl {
  border-color: #5D2976; }

.shinkoku .p-step--index dl {
  border-color: #e77008; }

.shinkoku-hc .p-step--index dl {
  border-color: #e77008; }

.shinkoku-ug .p-step--index dl {
  border-color: #fb9b00; }

.eb-cloud .p-step--index dl {
  border-color: #021650; }

div.edge .p-step--index dl {
  border-color: #262523; }

div.verp .p-step--index dl {
  border-color: #00438b; }

.p-step--index dl:not(:last-of-type) {
  margin-right: 150px; }

.p-step--index dl:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translate(100px, -50%);
  -webkit-clip-path: polygon(0 0, 0% 100%, 50% 50%);
  clip-path: polygon(0 0, 0% 100%, 50% 50%);
  width: 31.77px;
  height: 31.77px; }

.kanjo .p-step--index dl:not(:last-of-type)::after {
  background-color: #AC257D; }

.kanjo-kensetsu .p-step--index dl:not(:last-of-type)::after {
  background-color: #5a181c; }

.kanjo-kobetsu .p-step--index dl:not(:last-of-type)::after {
  background-color: #f33d42; }

.kyuyo .p-step--index dl:not(:last-of-type)::after {
  background-color: #0075C1; }

.saiken .p-step--index dl:not(:last-of-type)::after {
  background-color: #EB6D9A; }

.saimu .p-step--index dl:not(:last-of-type)::after {
  background-color: #B963A4; }

.akikura .p-step--index dl:not(:last-of-type)::after {
  background-color: #006939; }

.akinai .p-step--index dl:not(:last-of-type)::after {
  background-color: #009140; }

.kura .p-step--index dl:not(:last-of-type)::after {
  background-color: #5CAF30; }

.somujinji .p-step--index dl:not(:last-of-type)::after {
  background-color: #00A7B7; }

.jinji .p-step--index dl:not(:last-of-type)::after {
  background-color: #00A7B7; }

.hotei .p-step--index dl:not(:last-of-type)::after {
  background-color: #009ED4; }

.kotei .p-step--index dl:not(:last-of-type)::after {
  background-color: #5D2976; }

.shinkoku .p-step--index dl:not(:last-of-type)::after {
  background-color: #e77008; }

.shinkoku-hc .p-step--index dl:not(:last-of-type)::after {
  background-color: #e77008; }

.shinkoku-ug .p-step--index dl:not(:last-of-type)::after {
  background-color: #fb9b00; }

.eb-cloud .p-step--index dl:not(:last-of-type)::after {
  background-color: #021650; }

div.edge > .wrap .p-step--index dl:not(:last-of-type)::after {
  background-color: #00438b; }

.verp .p-step--index dl:not(:last-of-type)::after {
  background-color: #262523; }

.p-step--index dl dt {
  width: 20%;
  position: relative;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto',sans-serif;
  color: #233862; }

.p-step--index dl dt::after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #233862; }

.p-step--index dl dt a {
  color: #233862 !important; }

.p-step--index dl dd {
  width: 80%;
  text-align: center;
  font-weight: 700;
  font-size: 25px; }

.p-step--index dl dd a {
  padding: 10px; }

.p-step--section {
  color: #333; }

.p-step--section .c-point--right {
  letter-spacing: 0.05em;
  width: 490px;
  padding: 10px 0 9px;
  -webkit-clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
  text-align: center;
  font-size: 32px; }

.p-step--section .c-point--right > .step {
  padding: .2em .5em;
  font-size: 15px;
  left: 7%;
  transform: translate(-7%, -50%); }

.p-step--section .c-flex-wrap.column64 {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.p-step--section .c-flex-wrap.column64.is-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.p-step--section .c-flex-wrap.column64 > .detail {
  width: calc(100% - (610px + 78px)); }

.p-step--section .c-flex-wrap.column64 > .detail .c-head-text {
  letter-spacing: 0.1em;
  font-weight: 700; }

.p-step--section .c-flex-wrap.column64 > .detail p {
  line-height: 1.875;
  letter-spacing: 0.05em; }

.p-step--section .c-flex-wrap.column64 > figure {
  width: 610px;
  position: relative;
  overflow: hidden; }

.p-step--section .c-flex-wrap.column64 > figure.overflow {
  position: absolute;
  right: -45px;
  bottom: 0; }

.p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  padding-top: 40px;
  border-top: 1px dotted; }

.kanjo .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #AC257D; }

.kanjo-kobetsu .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #f33d42; }

.kyuyo .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #0075C1; }

.saiken .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #EB6D9A; }

.saimu .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #B963A4; }

.akikura .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #006939; }

.akinai .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #009140; }

.kura .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #5CAF30; }

.somujinji .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #00A7B7; }

.jinji .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #00A7B7; }

.hotei .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #009ED4; }

.kotei .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #5D2976; }

.shinkoku .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #e77008; }

.shinkoku-hc .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #e77008; }

.shinkoku-ug .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #fb9b00; }

.eb-cloud .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #021650; }

div.edge .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #262523; }

div.verp .p-step--section .c-flex-wrap.column64 + .c-flex-wrap.column64 {
  border-color: #00438b; }

.p-learn-more {
  padding-top: 0 !important; }

.p-learn-more--inner {
  padding: 60px 0 !important;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover; }

.kanjo .p-learn-more--inner {
  background-image: url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kanjo/index_renew2025/bg_learn_more.png); }

.p-learn-more--inner .c-head-text--tiny {
  max-width: 810px;
  padding: 10px 20px;
  background-color: #fff;
  text-align: center;
  letter-spacing: .1em;
  font-weight: 700;
  position: relative; }

.p-learn-more--inner .c-head-text--tiny .more {
  display: inline-block;
  margin-right: 24px;
  padding-right: 24px;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  bottom: 6px; }

.p-learn-more--inner .c-head-text--tiny .more::before, .p-learn-more--inner .c-head-text--tiny .more::after {
  display: inline-block;
  content: "";
  position: absolute;
  height: 2px;
  background-color: #233862; }

.p-learn-more--inner .c-head-text--tiny .more::before {
  width: 100%;
  bottom: -4px; }

.p-learn-more--inner .c-head-text--tiny .more::after {
  width: 15px;
  right: -3px;
  transform: rotate(45deg);
  bottom: 1px; }

.p-learn-more--inner .c-frame {
  margin-right: .5em; }

.p-learn-more--inner .c-flex-wrap .c-flex02,
.p-learn-more--inner .c-flex-wrap .c-flex03 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center; }

.p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child),
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-right: 1px dashed; }

.kanjo .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .kanjo
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #AC257D; }

.kanjo-kobetsu .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .kanjo-kobetsu
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #f33d42; }

.kyuyo .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .kyuyo
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #0075C1; }

.saiken .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .saiken
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #EB6D9A; }

.saimu .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .saimu
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #B963A4; }

.akikura .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .akikura
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #006939; }

.akinai .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .akinai
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #009140; }

.kura .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .kura
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #5CAF30; }

.somujinji .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .somujinji
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #00A7B7; }

.jinji .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .jinji
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #00A7B7; }

.hotei .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .hotei
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #009ED4; }

.kotei .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .kotei
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #5D2976; }

.shinkoku .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .shinkoku
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #e77008; }

.shinkoku-hc .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .shinkoku-hc
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #e77008; }

.shinkoku-ug .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .shinkoku-ug
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #fb9b00; }

.eb-cloud .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), .eb-cloud
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #021650; }

div.edge .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), div.edge
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #262523; }

div.verp .p-learn-more--inner .c-flex-wrap .c-flex02:not(:last-child), div.verp
.p-learn-more--inner .c-flex-wrap .c-flex03:not(:last-child) {
  border-color: #00438b; }

.p-learn-more--inner .c-flex-wrap .c-flex02 {
  padding: 0 50px; }

.p-learn-more--inner .c-flex-wrap .c-flex03 {
  padding: 0 15px; }

.p-learn-more--inner h3 {
  letter-spacing: .1em;
  font-weight: 700; }

.p-learn-more--inner p {
  letter-spacing: .05em; }

.p-learn-more .inner--w810 {
  max-width: 810px;
  margin: 60px auto 0;
  line-height: 1.875; }

.p-casestudy h2 {
  padding-bottom: 0; }

.p-casestudy h3 {
  letter-spacing: .1em;
  font-weight: 700; }

.p-casestudy p {
  letter-spacing: .05em; }

.p-casestudy .c-frame--invert {
  display: inline-block;
  margin-top: .25em; }

.p-casestudy .c-wave::before {
  right: 0;
  width: 822px;
  height: 529px;
  transform: translateY(-25%); }

.p-casestudy .c-wave p {
  padding-right: 73px; }

.p-casestudy__tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7px 0; }

.p-casestudy__tag li {
  padding: 7px 14px 7px 0; }

.p-casestudy__tag li span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 20px;
  border: 1px solid;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1; }

.kanjo .p-casestudy__tag li span {
  border-color: #AC257D;
  color: #AC257D; }

.kanjo-kobetsu .p-casestudy__tag li span {
  border-color: #f33d42;
  color: #f33d42; }

.kyuyo .p-casestudy__tag li span {
  border-color: #0075C1;
  color: #0075C1; }

.saiken .p-casestudy__tag li span {
  border-color: #EB6D9A;
  color: #EB6D9A; }

.saimu .p-casestudy__tag li span {
  border-color: #B963A4;
  color: #B963A4; }

.akikura .p-casestudy__tag li span {
  border-color: #006939;
  color: #006939; }

.akinai .p-casestudy__tag li span {
  border-color: #009140;
  color: #009140; }

.kura .p-casestudy__tag li span {
  border-color: #5CAF30;
  color: #5CAF30; }

.somujinji .p-casestudy__tag li span {
  border-color: #00A7B7;
  color: #00A7B7; }

.jinji .p-casestudy__tag li span {
  border-color: #00A7B7;
  color: #00A7B7; }

.hotei .p-casestudy__tag li span {
  border-color: #009ED4;
  color: #009ED4; }

.kotei .p-casestudy__tag li span {
  border-color: #5D2976;
  color: #5D2976; }

.shinkoku .p-casestudy__tag li span {
  border-color: #e77008;
  color: #e77008; }

.shinkoku-hc .p-casestudy__tag li span {
  border-color: #e77008;
  color: #e77008; }

.shinkoku-ug .p-casestudy__tag li span {
  border-color: #fb9b00;
  color: #fb9b00; }

.eb-cloud .p-casestudy__tag li span {
  border-color: #021650;
  color: #021650; }

div.edge .p-casestudy__tag li span {
  border-color: #262523;
  color: #262523; }

div.verp .p-casestudy__tag li span {
  border-color: #00438b;
  color: #00438b; }

@media screen and (max-width: 768px) {
  .p-casestudy__tag {
    margin: -4px 0; }
  .p-casestudy__tag li {
    padding: 4px 8px 4px 0; } }

.p-support h3 {
  padding-bottom: 20px;
  border-bottom: 1px dashed #233862;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 700;
  color: #233862; }

.p-support .c-flex-wrap .c-flex03 > figure img {
  width: 100%;
  height: auto; }

.p-support .c-flex-wrap .c-flex03 > p {
  letter-spacing: 0.05em; }

.p-fee .c-box--white {
  border-radius: 0; }

.akikura .p-fee .c-box--white {
  padding: 60px; }

@media screen and (max-width: 768px) {
  .akikura .p-fee .c-box--white {
    padding: 20px; }
  .invoice .p-fee .c-box--white {
    padding: 0; } }
.shiharai .p-fee .c-box--white {
    padding: 0; } }

.p-fee .c-flex-wrap.column40 {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

@media screen and (max-width: 768px) {
  .p-fee .c-flex-wrap .c-flex08,
  .p-fee .c-flex-wrap .c-flex10 {
    width: auto; }
  .invoice .p-fee .c-flex-wrap {
    -ms-flex-pack: center;
    justify-content: center; }
.shiharai .p-fee .c-flex-wrap {
    -ms-flex-pack: center;
    justify-content: center; } }

.p-fee .c-fukidashi {
  width: 381px;
  transform: translate(-50%, -2rem); }

@media screen and (max-width: 768px) {
  .p-fee .c-fukidashi {
    width: 100%;
    transform: translate(-50%, 0); }
  .p-fee .c-fukidashi h3 {
    font-size: 18px !important; } }

.p-fee--product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff; }

.kanjo .p-fee--product {
  padding: 49px 145px 46px; }

.akikura .p-fee--product {
  padding: 30px 0;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.kyuyo .p-fee--product {
  padding: 49px 145px 46px; }

@media screen and (max-width: 768px) {
  .p-fee--product {
    -ms-flex-direction: column;
    flex-direction: column; }
  .akikura .p-fee--product {
    padding: 0; }
  .kyuyo .p-fee--product {
    padding: 40px 20px; } }

.p-fee--product__price {
  position: relative;
  width: 505px; }

.kanjo .p-fee--product__price {
  margin-right: 65px; }

.kyuyo .p-fee--product__price {
  margin-right: 65px; }

@media screen and (max-width: 768px) {
  .kyuyo .p-fee--product__price {
    margin-right: 0;
    margin-bottom: 20px; } }

.akikura .p-fee--product__price {
  margin-right: 0; }

.akikura .p-fee--product__price > .c-fukidashi {
  transform: translate(-50%, -8.5rem); }

@media screen and (max-width: 768px) {
  .p-fee--product__price {
    width: 100%; }
  .akikura .p-fee--product__price {
    margin-right: 0; }
  .akikura .p-fee--product__price > .c-fukidashi {
    transform: translate(-50%, 0); }
  .akikura .p-fee--product__price > .c-fukidashi em {
    letter-spacing: -.05em; }
  .p-fee--product__price + .p-fee--product__price {
    margin: 20px 0; } }

.p-fee--product__price > figure {
  max-width: 70%;
  margin: 0 auto 30px !important; }

.akikura .p-fee--product__price > figure {
  margin: 0 auto !important; }

.p-fee--product__price > figure.c-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.p-fee--product__price > figure.c-flex * + * {
  margin-left: 20px; }

@media screen and (max-width: 768px) {
  .p-fee--product__price > figure.c-flex {
    -ms-flex-direction: column;
    flex-direction: column; }
  .p-fee--product__price > figure.c-flex * + * {
    margin-left: 0;
    margin-top: 20px; } }

.p-fee--product__price > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
  border-top: 1px dashed; }

.kanjo .p-fee--product__price > div {
  border-color: #AC257D; }

.kanjo-kobetsu .p-fee--product__price > div {
  border-color: #f33d42; }

.kyuyo .p-fee--product__price > div {
  border-color: #0075C1; }

.saiken .p-fee--product__price > div {
  border-color: #EB6D9A; }

.saimu .p-fee--product__price > div {
  border-color: #B963A4; }

.akikura .p-fee--product__price > div {
  border-color: #006939; }

.akinai .p-fee--product__price > div {
  border-color: #009140; }

.kura .p-fee--product__price > div {
  border-color: #5CAF30; }

.somujinji .p-fee--product__price > div {
  border-color: #00A7B7; }

.jinji .p-fee--product__price > div {
  border-color: #00A7B7; }

.hotei .p-fee--product__price > div {
  border-color: #009ED4; }

.kotei .p-fee--product__price > div {
  border-color: #5D2976; }

.shinkoku .p-fee--product__price > div {
  border-color: #e77008; }

.shinkoku-hc .p-fee--product__price > div {
  border-color: #e77008; }

.shinkoku-ug .p-fee--product__price > div {
  border-color: #fb9b00; }

.eb-cloud .p-fee--product__price > div {
  border-color: #021650; }

div.edge .p-fee--product__price > div {
  border-color: #262523; }

div.verp .p-fee--product__price > div {
  border-color: #00438b; }

.p-fee--product__price > div p {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.4; }

.p-fee--product__price > div p em {
  font-weight: 500 !important; }

.p-fee--product__price > div p span {
  font-size: 35px; }

.p-fee--product__price > div p b, .p-fee--product__price > div p strong {
  letter-spacing: .02em;
  font-family: 'Roboto',sans-serif;
  font-size: 54px;
  font-weight: 700 !important; }

.p-fee--product__price > div + div {
  padding-top: 0;
  border-top: none; }

.p-fee--product__price > div + div p {
  margin-left: 1rem !important; }

@media screen and (max-width: 768px) {
  .p-fee--product__price > div {
    padding-top: 20px;
    text-align: center; }
  .p-fee--product__price > div p {
    font-size: 20px; }
  .p-fee--product__price > div p span {
    font-size: 24px; }
  .p-fee--product__price > div p b, .p-fee--product__price > div p strong {
    font-size: 36px; }
  .p-fee--product__price > div + div p {
    margin-left: auto !important; } }

.p-fee--product__button .c-button, .p-fee--product__button .c-button--sm, .p-fee--product__button .c-button--long, .p-fee--product__button .c-button--middle, .p-fee--product__button .c-button--short {
  width: 360px; }

.p-fee--recommend {
  margin-top: 88px; }

.p-fee--recommend .c-flex02 {
  position: relative; }

.p-fee--recommend .c-flex02.c-box--white {
  padding-top: 82px;
  padding-bottom: 62px; }

.p-fee--recommend h3 {
  background-color: #fff;
  border: 2px solid;
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  padding: 8px 30px 7px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -25px);
  text-align: center;
  letter-spacing: .05em;
  z-index: 1; }

.kanjo .p-fee--recommend h3 {
  border-color: #AC257D; }

.kanjo-kobetsu .p-fee--recommend h3 {
  border-color: #f33d42; }

.kyuyo .p-fee--recommend h3 {
  border-color: #0075C1; }

.saiken .p-fee--recommend h3 {
  border-color: #EB6D9A; }

.saimu .p-fee--recommend h3 {
  border-color: #B963A4; }

.akikura .p-fee--recommend h3 {
  border-color: #006939; }

.akinai .p-fee--recommend h3 {
  border-color: #009140; }

.kura .p-fee--recommend h3 {
  border-color: #5CAF30; }

.somujinji .p-fee--recommend h3 {
  border-color: #00A7B7; }

.jinji .p-fee--recommend h3 {
  border-color: #00A7B7; }

.hotei .p-fee--recommend h3 {
  border-color: #009ED4; }

.kotei .p-fee--recommend h3 {
  border-color: #5D2976; }

.shinkoku .p-fee--recommend h3 {
  border-color: #e77008; }

.shinkoku-hc .p-fee--recommend h3 {
  border-color: #e77008; }

.shinkoku-ug .p-fee--recommend h3 {
  border-color: #fb9b00; }

.eb-cloud .p-fee--recommend h3 {
  border-color: #021650; }

div.edge .p-fee--recommend h3 {
  border-color: #262523; }

div.verp .p-fee--recommend h3 {
  border-color: #00438b; }

.p-fee--recommend h3 small {
  font-size: 16px; }

.p-fee--recommend h3::before, .p-fee--recommend h3::after {
  content: "";
  left: 50%;
  position: absolute; }

.p-fee--recommend h3::before {
  border: 8px solid transparent;
  border-top-color: #fff;
  bottom: -15px;
  margin-left: -9px;
  z-index: 2; }

.p-fee--recommend h3::after {
  border: 9px solid transparent;
  bottom: -18px;
  margin-left: -10px;
  z-index: 1; }

.kanjo .p-fee--recommend h3::after {
  border-top-color: #AC257D; }

.kanjo-kobetsu .p-fee--recommend h3::after {
  border-top-color: #f33d42; }

.kyuyo .p-fee--recommend h3::after {
  border-top-color: #0075C1; }

.saiken .p-fee--recommend h3::after {
  border-top-color: #EB6D9A; }

.saimu .p-fee--recommend h3::after {
  border-top-color: #B963A4; }

.akikura .p-fee--recommend h3::after {
  border-top-color: #006939; }

.akinai .p-fee--recommend h3::after {
  border-top-color: #009140; }

.kura .p-fee--recommend h3::after {
  border-top-color: #5CAF30; }

.somujinji .p-fee--recommend h3::after {
  border-top-color: #00A7B7; }

.jinji .p-fee--recommend h3::after {
  border-top-color: #00A7B7; }

.hotei .p-fee--recommend h3::after {
  border-top-color: #009ED4; }

.kotei .p-fee--recommend h3::after {
  border-top-color: #5D2976; }

.shinkoku .p-fee--recommend h3::after {
  border-top-color: #e77008; }

.shinkoku-hc .p-fee--recommend h3::after {
  border-top-color: #e77008; }

.shinkoku-ug .p-fee--recommend h3::after {
  border-top-color: #fb9b00; }

.eb-cloud .p-fee--recommend h3::after {
  border-top-color: #021650; }

div.edge .p-fee--recommend h3::after {
  border-top-color: #262523; }

div.verp .p-fee--recommend h3::after {
  border-top-color: #00438b; }

.p-fee--recommend figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px auto 40px; }

.p-fee--recommend .c-button-wrap {
  margin-top: 40px;
  -ms-flex-direction: column;
  flex-direction: column; }

.p-fee--recommend .c-button-wrap a + a {
  margin-top: 20px; }

.p-fee--table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 0; }

.p-fee--table__th, .p-fee--table__td {
  text-align: center;
  font-weight: 700; }

.p-fee--table__th {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #00438b;
  color: #fff; }

.p-fee--table__td {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.p-fee--table__td strong {
  line-height: 1.78;
  font-size: 28px;
  letter-spacing: .02em; }

.p-fee--table__td--dt {
  padding: 10px 0;
  background-color: rgba(0, 67, 139, 0.1); }

.p-fee--table__td--dt small {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .1em; }

.p-fee--table__td--dd {
  padding: 10px 0;
  background-color: rgba(0, 67, 139, 0.2); }

.p-fee--table__td--dd small {
  letter-spacing: .1em; }

.p-fee--table__comment {
  padding: 2.5rem 3rem;
  background-color: #f2f2f2;
  position: relative;
  margin-top: 3rem; }

.p-fee--table__comment::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5.25rem;
  height: 1.95rem;
  top: 0;
  left: 50%;
  transform: translate(-50%, -1.5rem);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #f2f2f2; }

.p-fee--table__comment--center {
  margin-right: auto;
  margin-left: auto; }

.p-fee--table__comment--right {
  margin-right: 0;
  margin-left: auto; }

@media screen and (max-width: 768px) {
  .p-fee--table__td strong {
    line-height: 1.2;
    font-size: 14px; }
  .p-fee--table__td--dd {
    line-height: 1.2; } }

.p-fee--cost {
  font-size: 30px; }

.p-fee--cost strong {
  font-size: 82px;
  line-height: 1em; }

@media screen and (max-width: 768px) {
  .p-fee--cost {
    font-size: 14px; }
  .p-fee--cost strong {
    font-size: 60px;
    line-height: 1em; } }

.p-efficiency__issues {
  max-width: 50%;
  margin: 0 auto;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 26px;
  text-align: center;
  font-weight: 700;
  color: #fff; }

.kanjo .p-efficiency__issues {
  background-color: #AC257D; }

.kanjo-kensetsu .p-efficiency__issues {
  background-color: #5a181c; }

.kanjo-kobetsu .p-efficiency__issues {
  background-color: #f33d42; }

.kyuyo .p-efficiency__issues {
  background-color: #0075C1; }

.saiken .p-efficiency__issues {
  background-color: #EB6D9A; }

.saimu .p-efficiency__issues {
  background-color: #B963A4; }

.akikura .p-efficiency__issues {
  background-color: #006939; }

.akinai .p-efficiency__issues {
  background-color: #009140; }

.kura .p-efficiency__issues {
  background-color: #5CAF30; }

.somujinji .p-efficiency__issues {
  background-color: #00A7B7; }

.jinji .p-efficiency__issues {
  background-color: #00A7B7; }

.hotei .p-efficiency__issues {
  background-color: #009ED4; }

.kotei .p-efficiency__issues {
  background-color: #5D2976; }

.shinkoku .p-efficiency__issues {
  background-color: #e77008; }

.shinkoku-hc .p-efficiency__issues {
  background-color: #e77008; }

.shinkoku-ug .p-efficiency__issues {
  background-color: #fb9b00; }

.eb-cloud .p-efficiency__issues {
  background-color: #021650; }

div.edge > .wrap .p-efficiency__issues {
  background-color: #00438b; }

.verp .p-efficiency__issues {
  background-color: #262523; }

.p-efficiency__issues span {
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 1;
  position: relative;
  color: #00438b; }

.p-efficiency__issues--detail {
  position: relative;
  top: -1px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 25px 20px 70px;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
  clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #fff; }

.kanjo .p-efficiency__issues--detail {
  background-color: #AC257D; }

.kanjo-kensetsu .p-efficiency__issues--detail {
  background-color: #5a181c; }

.kanjo-kobetsu .p-efficiency__issues--detail {
  background-color: #f33d42; }

.kyuyo .p-efficiency__issues--detail {
  background-color: #0075C1; }

.saiken .p-efficiency__issues--detail {
  background-color: #EB6D9A; }

.saimu .p-efficiency__issues--detail {
  background-color: #B963A4; }

.akikura .p-efficiency__issues--detail {
  background-color: #006939; }

.akinai .p-efficiency__issues--detail {
  background-color: #009140; }

.kura .p-efficiency__issues--detail {
  background-color: #5CAF30; }

.somujinji .p-efficiency__issues--detail {
  background-color: #00A7B7; }

.jinji .p-efficiency__issues--detail {
  background-color: #00A7B7; }

.hotei .p-efficiency__issues--detail {
  background-color: #009ED4; }

.kotei .p-efficiency__issues--detail {
  background-color: #5D2976; }

.shinkoku .p-efficiency__issues--detail {
  background-color: #e77008; }

.shinkoku-hc .p-efficiency__issues--detail {
  background-color: #e77008; }

.shinkoku-ug .p-efficiency__issues--detail {
  background-color: #fb9b00; }

.eb-cloud .p-efficiency__issues--detail {
  background-color: #021650; }

div.edge > .wrap .p-efficiency__issues--detail {
  background-color: #00438b; }

.verp .p-efficiency__issues--detail {
  background-color: #262523; }

.p-efficiency__issues--detail figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.p-efficiency__solution {
  position: relative;
  background-color: #fff;
  margin-bottom: -78px;
  padding: 120px 20px 25px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: translateY(-100px); }

.p-efficiency__solution h3 {
  font-size: 26px;
  letter-spacing: 0.02em;
  line-height: 1.46; }

.p-efficiency__solution h3.adjust {
  letter-spacing: -0.075em; }

.p-efficiency__solution p {
  line-height: 1.5;
  letter-spacing: 0.02em; }

.p-efficiency__invoice {
  padding: 3.375rem 3.75rem;
  background-color: #fff; }

.p-efficiency__invoice + .p-efficiency__invoice {
  margin-top: 22px; }

.p-efficiency__invoice .c-flex-wrap.column64 {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.p-efficiency__invoice .c-flex-wrap.column64.is-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.p-efficiency__invoice .c-flex-wrap.column64 > .detail {
  max-width: 35.25%; }

.p-efficiency__invoice .c-flex-wrap.column64 > .detail .c-head-text {
  letter-spacing: 0.1em;
  font-weight: 700; }

.p-efficiency__invoice .c-flex-wrap.column64 > .detail p {
  line-height: 1.875;
  letter-spacing: 0.05em; }

.p-efficiency__invoice .c-flex-wrap.column64 > figure {
  max-width: 58.16%;
  position: relative;
  overflow: hidden;
  margin: 0; }

.p-efficiency__invoice .c-flex-wrap.column64 > figure.overflow {
  position: absolute;
  right: -45px;
  bottom: 0; }

.p-after .c-flex-wrap.column100 {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 80px auto;
  padding: 0 25px; }

@media screen and (max-width: 768px) {
  .p-after .c-flex-wrap.column100 {
    margin: 40px auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0; } }

.p-after .c-flex-wrap.column100 > .c-flex02 {
  width: calc((100% - 100.5px) / 2); }

.p-after .c-flex-wrap.column100 > .c-flex02:not(:nth-of-type(2n)) {
  margin-right: 100px; }

@media screen and (min-width: 769px) {
  .p-after .c-flex-wrap.column100 > .c-flex02 .u-position--absolute {
    letter-spacing: -0.01em; }
  .p-after .c-flex-wrap.column100 > .c-flex02 .u-position--absolute + .p-after__inner {
    margin-top: 105px; } }

@media screen and (max-width: 768px) {
  .p-after .c-flex-wrap.column100 > .c-flex02 {
    width: 100%; }
  .p-after .c-flex-wrap.column100 > .c-flex02:not(:nth-of-type(2n)) {
    margin-right: 0; }
  .p-after .c-flex-wrap.column100 > .c-flex02:nth-of-type(n+2) {
    margin-top: 20px; } }

.p-after h4 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: .1em;
  position: relative; }

.p-after h4::after {
  content: "";
  display: block;
  position: absolute;
  width: 500px;
  height: 1px;
  border-bottom: 1px dotted #233862;
  bottom: 0;
  left: 0; }

@media screen and (max-width: 768px) {
  .p-after h4 {
    font-size: 20px;
    letter-spacing: 0; }
  .p-after h4::after {
    width: 100%; } }

.p-after .c-frame {
  margin-right: .25em;
  color: #fff; }

.kanjo .p-after .c-frame {
  background-color: #AC257D; }

.kanjo-kensetsu .p-after .c-frame {
  background-color: #5a181c; }

.kanjo-kobetsu .p-after .c-frame {
  background-color: #f33d42; }

.kyuyo .p-after .c-frame {
  background-color: #0075C1; }

.saiken .p-after .c-frame {
  background-color: #EB6D9A; }

.saimu .p-after .c-frame {
  background-color: #B963A4; }

.akikura .p-after .c-frame {
  background-color: #006939; }

.akinai .p-after .c-frame {
  background-color: #009140; }

.kura .p-after .c-frame {
  background-color: #5CAF30; }

.somujinji .p-after .c-frame {
  background-color: #00A7B7; }

.jinji .p-after .c-frame {
  background-color: #00A7B7; }

.hotei .p-after .c-frame {
  background-color: #009ED4; }

.kotei .p-after .c-frame {
  background-color: #5D2976; }

.shinkoku .p-after .c-frame {
  background-color: #e77008; }

.shinkoku-hc .p-after .c-frame {
  background-color: #e77008; }

.shinkoku-ug .p-after .c-frame {
  background-color: #fb9b00; }

.eb-cloud .p-after .c-frame {
  background-color: #021650; }

div.edge > .wrap .p-after .c-frame {
  background-color: #00438b; }

.verp .p-after .c-frame {
  background-color: #262523; }

.p-after__inner {
  max-width: 500px;
  padding: 10px; }

.p-after__inner small {
  font-size: 12px; }

.p-after__result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 40px; }

.p-after__result dt {
  width: 32%;
  -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  background-color: #f2f2f2;
  position: relative; }

.p-after__result dt span {
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600; }

.p-after__result dd {
  width: 68%;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
  color: #e76f02; }

.p-after__result dd span {
  margin: 0 .25em;
  font-size: 53px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.03em; }

.p-after__result dd small {
  font-size: 14px;
  color: #333; }

.p-after__result dd small strong {
  margin: 0 .25em;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.01em; }

@media screen and (max-width: 768px) {
  .p-after__result {
    margin-bottom: 20px; }
  .p-after__result dt {
    width: 35%;
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%); }
  .p-after__result dt span {
    left: 5px;
    font-size: 12px; }
  .p-after__result dd {
    width: 65%; }
  .p-after__result dd span {
    font-size: 30px;
    letter-spacing: 0.01em; }
  .p-after__result dd small {
    font-size: 14px;
    color: #333; }
  .p-after__result dd small strong {
    font-size: 20px;
    letter-spacing: 0.01em; } }

.p-reason__head {
  padding: 30px;
  font-weight: 600;
  font-size: 26px;
  line-height: 1.2; }

.akikura .p-reason__head {
  background: linear-gradient(174deg, #006939 0%, #006939 50%, #0a7946 50%, #0a7946 100%); }

.p-reason__head dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff; }

.p-reason__head dt {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 60px;
  border: 1px solid #fff;
  line-height: 1.36;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em; }

.p-reason__head dd {
  margin-left: 42px;
  position: relative;
  letter-spacing: 0.1em;
  line-height: 1.4; }

.p-reason__head dd span {
  color: #e76f02; }

@media screen and (max-width: 768px) {
  .p-reason__head {
    padding: 10px 15px;
    font-size: 18px; }
  .akikura .p-reason__head {
    background: linear-gradient(162deg, #006939 0%, #006939 50%, #0a7946 50%, #0a7946 100%); }
  .p-reason__head dl {
    -ms-flex-direction: column;
    flex-direction: column; }
  .p-reason__head dt {
    width: 80px;
    height: 40px;
    font-size: 18px; }
  .p-reason__head dd {
    margin-left: 0;
    text-align: center; }
  .p-reason__head dd span {
    color: #e76f02; } }

.p-reason .c-figure {
  text-align: center;
  margin: 60px auto 0;
  max-width: 87.8%;
  max-height: 27.5%; }

@media screen and (max-width: 768px) {
  .p-reason .c-figure {
    margin: 20px auto;
    max-width: 50%;
    max-height: none; }
  .p-reason .c-figure.u--widp--sm10 {
    max-width: 100%; } }

.p-reason__detail {
  margin: 0 auto 32px;
  padding: 45px 40px;
  background-color: #fff; }

.p-reason__detail p {
  letter-spacing: 0.05em; }

.p-reason__detail .c-lead--small {
  font-weight: 600;
  letter-spacing: 0.1em; }

.p-reason__detail .c-flex-wrap {
  max-width: 1000px;
  margin: 30px auto 40px; }

@media screen and (max-width: 768px) {
  .p-reason__detail {
    padding: 15px 20px; }
  .p-reason__detail .inner.w800 {
    padding: 0; } }

.akikura .top-introduction-movie {
  margin-top: 180px; }

.akikura .top-introduction-movie .movie-content-body {
  top: -150px; }

@media screen and (max-width: 768px) {
  .akikura .top-introduction-movie {
    margin-top: 70px; }
  .akikura .top-introduction-movie .movie-content-body {
    top: -40px; } }

.p-function-button {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap; }

.p-function-button a[data-lity] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.p-function-button--link {
  width: 100%;
  padding: 1.67rem 1.56rem 1.67rem 1.875rem;
  position: relative;
  cursor: pointer; }

.p-function-button--link::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 7px;
  top: 50%;
  right: 1.56rem;
  border-right: 2px solid #00438b;
  border-bottom: 2px solid #00438b;
  transform: rotate(-45deg) translate(50%, 50%);
  transform-origin: 50% 50%; }

.p-function-button--link figure {
  margin: 0 1.5rem 0 0; }

.p-function-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem;
  border-radius: 10px;
  background-color: #fff; }

.p-function-wrap figure {
  margin: 0 !important; }

.p-function-wrap button {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  top: 15px;
  right: 30px; }

.p-function-wrap button::before, .p-function-wrap button::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #bababa; }

.p-function-wrap button::before {
  transform: rotate(45deg); }

.p-function-wrap button::after {
  transform: rotate(-45deg); }

.p-function-wrap__detail {
  margin-left: 10%;
  max-width: 70%; }

.p-function-wrap__detail--head {
  line-height: 1.6;
  font-size: 20px;
  font-weight: 700; }

.p-function-wrap__detail--lead {
  margin-top: 20px;
  line-height: 1.875;
  font-weight: 500; }

@media screen and (max-width: 768px) {
  .p-function-button {
    font-size: 14px; } }

.p-voice .c-figure--overlap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 60px 0;
  z-index: 1; }

.p-voice .c-figure--overlap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60vw;
  height: 100%;
  background-color: #f2f2f2;
  z-index: 0; }

.p-voice .c-figure--overlap .txt_area {
  -ms-flex: 1;
  flex: 1;
  z-index: 1;
  padding: 0 40px;
  max-width: 680px; }

.p-voice .c-figure--overlap figure {
  margin: 0 40px;
  max-width: 740px;
  width: 100%;
  z-index: 1; }

@media screen and (max-width: 768px) {
  .p-voice .c-figure--overlap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0; }
  .p-voice .c-figure--overlap::after {
    top: unset;
    bottom: 0;
    width: 100%;
    height: 60vh; }
  .p-voice .c-figure--overlap .txt_area {
    padding: 0 20px; }
  .p-voice .c-figure--overlap figure {
    margin: 0 20px 20px; } }

hr {
  border-top: 1px solid #979797; }

hr.is-short {
  width: 40px;
  height: 1px;
  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-fontsize14 {
  font-size: 14px !important; }

.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-fontsize--125p {
  font-size: 125% !important; }

.u-fontsize--150p {
  font-size: 150% !important; }

.u-fontsize--175p {
  font-size: 175% !important; }

.u-fontsize--200p {
  font-size: 200% !important; }

.u-fweight400 {
  font-weight: 400 !important; }

.u-fweight500 {
  font-weight: 500 !important; }

.u-fweight600 {
  font-weight: 600 !important; }

.u-fweight700 {
  font-weight: 700 !important; }

.u-fweight900 {
  font-weight: 900 !important; }

.u-lheight0 {
  line-height: 0 !important; }

.u-lheight1 {
  line-height: 1 !important; }

.u-lheight15 {
  line-height: 1.5 !important; }

.u-lheight175 {
  line-height: 1.75 !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-fit,
img.u-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: contain;object-position: 50% 50%;'; }

.u-index1, .u-index2, .u-index3, .u-index4, .u-index5, .u-index6, .u-index7, .u-index8, .u-index9 {
  position: relative; }

.u-index1 {
  z-index: 1; }

.u-index2 {
  z-index: 2; }

.u-index3 {
  z-index: 3; }

.u-index4 {
  z-index: 4; }

.u-index5 {
  z-index: 5; }

.u-index6 {
  z-index: 6; }

.u-index7 {
  z-index: 7; }

.u-index8 {
  z-index: 8; }

.u-index9 {
  z-index: 9; }

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

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

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

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

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

.u-indent6 {
  text-indent: -5em !important; }

.u-indent7 {
  text-indent: -5em !important; }

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

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

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

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

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

.u-nindent6 {
  padding-left: 6em !important;
  text-indent: -6em !important; }

.u-nindent7 {
  padding-left: 7em !important;
  text-indent: -7em !important; }

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

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

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

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

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

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

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

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

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

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

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

.u-wid110 {
  width: 110px !important; }

.u-wid120 {
  width: 120px !important; }

.u-wid130 {
  width: 130px !important; }

.u-wid140 {
  width: 140px !important; }

.u-wid150 {
  width: 150px !important; }

.u-wid160 {
  width: 160px !important; }

.u-wid170 {
  width: 170px !important; }

.u-wid180 {
  width: 180px !important; }

.u-wid190 {
  width: 190px !important; }

.u-wid200 {
  width: 200px !important; }

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

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

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

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

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

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

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

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

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

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

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

.u-wid--fifth {
  width: 20% !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; }

.u-emphasis--orange {
  color: #E76F03; }

@media screen and (min-width: 769px){
  .p-hero .aside .banner a, .p-hero .mv-conversion .mv-conversion-button {
    opacity: 1;
    transition: opacity 0.2s; }
  .p-hero .aside .banner a:hover, .p-hero .mv-conversion .mv-conversion-button:hover {
    opacity: 0.75; }
  .ie11 .p-hero .logo,
  .ie10 .p-hero .logo{
    max-height: 90px; }
  .ie11 div.edge .p-hero .logo,
  .ie10 div.edge .p-hero .logo{
    width: 510px;
    height: auto; }
  .ie11 div.edge.h-info .p-hero .logo,
  .ie10 div.edge.h-info .p-hero .logo{
    max-height: none; }
  .ie11 div.edge.h-info .p-hero .logo span,
  .ie10 div.edge.h-info .p-hero .logo span{
    display: inline-block; }
  .p-comment figure.normal, .p-comment--large figure.normal{
    margin-top: 8px; } }

@media screen and (max-width: 768px){
  .c-flex-grid{
    margin-top: -30px;
    margin-bottom: 20px; }
  .c-flex-grid > .c-flex,
  .c-flex-grid > .c-flex02,
  .c-flex-grid > .c-flex03,
  .c-flex-grid > .c-flex04{
    width: 100%; }
  .c-flex-grid > .c-flex{
    -ms-flex: none;
    flex: none; }
  .c-flex-grid > .c-flex02--sm, .c-flex-grid > .c-flex03--sm, .c-flex-grid > .c-flex04--sm, .c-flex-grid > .c-flex05--sm, .c-flex-grid > .c-flex06--sm, .c-flex-grid > .c-flex07--sm, .c-flex-grid > .c-flex08--sm, .c-flex-grid > .c-flex09--sm, .c-flex-grid > .c-flex10--sm, .c-flex-grid > .c-flex11--sm, .c-flex-grid > .c-flex12--sm, .c-flex-grid > .c-flex13--sm, .c-flex-grid > .c-flex14--sm, .c-flex-grid > .c-flex15--sm, .c-flex-grid > .c-flex16--sm{
    -ms-flex: none;
    flex: none;
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 30px; }
  .c-flex-grid > .c-flex02--sm{
    width: 50%;
    margin-top: 30px; }
  .c-flex-grid > .c-flex03--sm{
    width: 33.33%;
    margin-top: 30px; }
  .c-flex-grid > .c-flex04--sm{
    width: 25%;
    margin-top: 30px; }
  .c-flex-grid.column5 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column5 > .c-flex03--sm{
    width: 33.330%; }
  .c-flex-grid.column5 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column10 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column10 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column10 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column20 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column20 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column20 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column30 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column30 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column30 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column40 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column40 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column40 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column50 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column50 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column50 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column60 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column60 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column60 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column70 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column70 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column70 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column80 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column80 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column80 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column90 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column90 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column90 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column100 > .c-flex02--sm{
    width: 50%; }
  .c-flex-grid.column100 > .c-flex03--sm{
    width: 33.33%; }
  .c-flex-grid.column100 > .c-flex04--sm{
    width: 25%; }
  .c-flex-grid.column32 > .c-flex02,
  .c-flex-grid.column32 > .c-flex03,
  .c-flex-grid.column32 > .c-flex04{
    width: 100%; }
  .c-flex-grid.column32 > .c-flex02--sm{
    width: 50%;
    padding-right: 16px;
    padding-left: 16px; }
  .c-flex-grid.column32 > .c-flex03--sm{
    width: 33.33%;
    padding-right: 16px;
    padding-left: 16px; }
  .c-flex-grid.column32 > .c-flex04--sm{
    width: 25%;
    padding-right: 16px;
    padding-left: 16px; }
  .c-flex-grid.column48 > .c-flex02,
  .c-flex-grid.column48 > .c-flex03,
  .c-flex-grid.column48 > .c-flex04{
    width: 100%; }
  .c-flex-grid.column48 > .c-flex02--sm{
    width: 50%;
    padding-right: 24px;
    padding-left: 24px; }
  .c-flex-grid.column48 > .c-flex03--sm{
    width: 33.33%;
    padding-right: 24px;
    padding-left: 24px; }
  .c-flex-grid.column48 > .c-flex04--sm{
    width: 25%;
    padding-right: 24px;
    padding-left: 24px; }
  .c-flex-grid.column64 > .c-flex02,
  .c-flex-grid.column64 > .c-flex03,
  .c-flex-grid.column64 > .c-flex04{
    width: 100%; }
  .c-flex-grid.column64 > .c-flex02--sm{
    width: 50%;
    padding-right: 32px;
    padding-left: 32px; }
  .c-flex-grid.column64 > .c-flex03--sm{
    width: 33.33%;
    padding-right: 32px;
    padding-left: 32px; }
  .c-flex-grid.column64 > .c-flex04--sm{
    width: 25%;
    padding-right: 32px;
    padding-left: 32px; }
  .c-flex-grid.row5--sm{
    margin-top: -5px; }
  .c-flex-grid.row5--sm > [class*=--sm]{
    margin-top: 5px; }
  .c-flex-grid.row10--sm{
    margin-top: -10px; }
  .c-flex-grid.row10--sm > [class*=--sm]{
    margin-top: 10px; }
  .c-flex-grid.row20--sm{
    margin-top: -20px; }
  .c-flex-grid.row20--sm > [class*=--sm]{
    margin-top: 20px; }
  .c-flex-grid.row30--sm{
    margin-top: -30px; }
  .c-flex-grid.row30--sm > [class*=--sm]{
    margin-top: 30px; }
  .c-flex-grid.row40--sm{
    margin-top: -40px; }
  .c-flex-grid.row40--sm > [class*=--sm]{
    margin-top: 40px; }
  .c-flex-grid.row50--sm{
    margin-top: -50px; }
  .c-flex-grid.row50--sm > [class*=--sm]{
    margin-top: 50px; }
  .c-flex-wrap{
    margin: 20px auto; }
  .c-flex-wrap > .c-flex,
  .c-flex-wrap > .c-flex02,
  .c-flex-wrap > .c-flex03,
  .c-flex-wrap > .c-flex04, .c-flex-wrap.column5 > .c-flex02,
  .c-flex-wrap.column5 > .c-flex03,
  .c-flex-wrap.column5 > .c-flex04, .c-flex-wrap.column10 > .c-flex02,
  .c-flex-wrap.column10 > .c-flex03,
  .c-flex-wrap.column10 > .c-flex04, .c-flex-wrap.column20 > .c-flex02,
  .c-flex-wrap.column20 > .c-flex03,
  .c-flex-wrap.column20 > .c-flex04, .c-flex-wrap.column30 > .c-flex02,
  .c-flex-wrap.column30 > .c-flex03,
  .c-flex-wrap.column30 > .c-flex04, .c-flex-wrap.column40 > .c-flex02,
  .c-flex-wrap.column40 > .c-flex03,
  .c-flex-wrap.column40 > .c-flex04, .c-flex-wrap.column50 > .c-flex02,
  .c-flex-wrap.column50 > .c-flex03,
  .c-flex-wrap.column50 > .c-flex04, .c-flex-wrap.column60 > .c-flex02,
  .c-flex-wrap.column60 > .c-flex03,
  .c-flex-wrap.column60 > .c-flex04, .c-flex-wrap.column70 > .c-flex02,
  .c-flex-wrap.column70 > .c-flex03,
  .c-flex-wrap.column70 > .c-flex04, .c-flex-wrap.column80 > .c-flex02,
  .c-flex-wrap.column80 > .c-flex03,
  .c-flex-wrap.column80 > .c-flex04, .c-flex-wrap.column90 > .c-flex02,
  .c-flex-wrap.column90 > .c-flex03,
  .c-flex-wrap.column90 > .c-flex04, .c-flex-wrap.column100 > .c-flex02,
  .c-flex-wrap.column100 > .c-flex03,
  .c-flex-wrap.column100 > .c-flex04, .c-flex-wrap.column32 > .c-flex02,
  .c-flex-wrap.column32 > .c-flex03,
  .c-flex-wrap.column32 > .c-flex04, .c-flex-wrap.column48 > .c-flex02,
  .c-flex-wrap.column48 > .c-flex03,
  .c-flex-wrap.column48 > .c-flex04, .c-flex-wrap.column64 > .c-flex02,
  .c-flex-wrap.column64 > .c-flex03,
  .c-flex-wrap.column64 > .c-flex04{
    width: 100%; }
  .c-flex-wrap > .c-flex:nth-child(n+2),
  .c-flex-wrap > .c-flex02:nth-child(n+2),
  .c-flex-wrap > .c-flex03:nth-child(n+2),
  .c-flex-wrap > .c-flex04:nth-child(n+2){
    margin-top: 20px; }
  .c-flex-wrap > .c-flex[class*="--sm"]:nth-child(n+2),
  .c-flex-wrap > .c-flex02[class*="--sm"]:nth-child(n+2),
  .c-flex-wrap > .c-flex03[class*="--sm"]:nth-child(n+2),
  .c-flex-wrap > .c-flex04[class*="--sm"]:nth-child(n+2){
    margin-top: 0; }
  .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap > .c-flex{
    -ms-flex: none;
    flex: none; }
  .c-flex-wrap > .c-flex02--sm{
    width: calc((100% - 16.5px) / 2);
    margin-right: 0; }
  .c-flex-wrap > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 16px; }
  .c-flex-wrap > .c-flex02--sm:nth-child(n+3){
    margin-top: 30px; }
  .c-flex-wrap > .c-flex03--sm{
    width: calc((100% - 32.5px) / 3);
    margin-right: 0; }
  .c-flex-wrap > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 32px; }
  .c-flex-wrap > .c-flex03--sm:nth-child(n+4){
    margin-top: 30px; }
  .c-flex-wrap > .c-flex04--sm{
    width: calc((100% - 48.5px) / 4);
    margin-right: 0; }
  .c-flex-wrap > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 16px; }
  .c-flex-wrap > .c-flex04--sm:nth-child(n+5){
    margin-top: 30px; }
  .c-flex-wrap.column5 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column5 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column5 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column5 > .c-flex02--sm{
    width: calc((100% - (5.5px)) / 2); }
  .c-flex-wrap.column5 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 5px; }
  .c-flex-wrap.column5 > .c-flex03--sm{
    width: calc((100% - (10.5px)) / 32); }
  .c-flex-wrap.column5 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 5px; }
  .c-flex-wrap.column5 > .c-flex04--sm{
    width: calc((100% - (15.5px)) / 4); }
  .c-flex-wrap.column5 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 5px; }
  .c-flex-wrap.column10 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column10 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column10 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column10 > .c-flex02--sm{
    width: calc((100% - (10.5px)) / 2); }
  .c-flex-wrap.column10 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 10px; }
  .c-flex-wrap.column10 > .c-flex03--sm{
    width: calc((100% - (20.5px)) / 3); }
  .c-flex-wrap.column10 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 10px; }
  .c-flex-wrap.column10 > .c-flex04--sm{
    width: calc((100% - (30.5px)) / 4); }
  .c-flex-wrap.column10 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 10px; }
  .c-flex-wrap.column20 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column20 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column20 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column20 > .c-flex02--sm{
    width: calc((100% - (20.5px)) / 2); }
  .c-flex-wrap.column20 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 20px; }
  .c-flex-wrap.column20 > .c-flex03--sm{
    width: calc((100% - (40.5px)) / 2); }
  .c-flex-wrap.column20 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 20px; }
  .c-flex-wrap.column20 > .c-flex04--sm{
    width: calc((100% - (60.5px)) / 4); }
  .c-flex-wrap.column20 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 20px; }
  .c-flex-wrap.column30 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column30 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column30 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column30 > .c-flex02--sm{
    width: calc((100% - (30.5px)) / 2); }
  .c-flex-wrap.column30 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 30px; }
  .c-flex-wrap.column30 > .c-flex03--sm{
    width: calc((100% - (60.5px)) / 2); }
  .c-flex-wrap.column30 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 30px; }
  .c-flex-wrap.column30 > .c-flex04--sm{
    width: calc((100% - (90.5px)) / 4); }
  .c-flex-wrap.column30 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 30px; }
  .c-flex-wrap.column40 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column40 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column40 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column40 > .c-flex02--sm{
    width: calc((100% - (40.5px)) / 2); }
  .c-flex-wrap.column40 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 40px; }
  .c-flex-wrap.column40 > .c-flex03--sm{
    width: calc((100% - (80.5px)) / 2); }
  .c-flex-wrap.column40 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 40px; }
  .c-flex-wrap.column40 > .c-flex04--sm{
    width: calc((100% - (120.5px)) / 4); }
  .c-flex-wrap.column40 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 40px; }
  .c-flex-wrap.column50 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column50 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column50 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column50 > .c-flex02--sm{
    width: calc((100% - (50.5px)) / 2); }
  .c-flex-wrap.column50 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 50px; }
  .c-flex-wrap.column50 > .c-flex03--sm{
    width: calc((100% - (100.5px)) / 2); }
  .c-flex-wrap.column50 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 50px; }
  .c-flex-wrap.column50 > .c-flex04--sm{
    width: calc((100% - (150.5px)) / 4); }
  .c-flex-wrap.column50 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 50px; }
  .c-flex-wrap.column60 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column60 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column60 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column60 > .c-flex02--sm{
    width: calc((100% - (60.5px)) / 2); }
  .c-flex-wrap.column60 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 60px; }
  .c-flex-wrap.column60 > .c-flex03--sm{
    width: calc((100% - (120.5px)) / 2); }
  .c-flex-wrap.column60 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 60px; }
  .c-flex-wrap.column60 > .c-flex04--sm{
    width: calc((100% - (180.5px)) / 4); }
  .c-flex-wrap.column60 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 60px; }
  .c-flex-wrap.column70 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column70 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column70 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column70 > .c-flex02--sm{
    width: calc((100% - (70.5px)) / 2); }
  .c-flex-wrap.column70 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 70px; }
  .c-flex-wrap.column70 > .c-flex03--sm{
    width: calc((100% - (140.5px)) / 2); }
  .c-flex-wrap.column70 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 70px; }
  .c-flex-wrap.column70 > .c-flex04--sm{
    width: calc((100% - (210.5px)) / 4); }
  .c-flex-wrap.column70 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 70px; }
  .c-flex-wrap.column80 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column80 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column80 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column80 > .c-flex02--sm{
    width: calc((100% - (80.5px)) / 2); }
  .c-flex-wrap.column80 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 80px; }
  .c-flex-wrap.column80 > .c-flex03--sm{
    width: calc((100% - (160.5px)) / 2); }
  .c-flex-wrap.column80 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 80px; }
  .c-flex-wrap.column80 > .c-flex04--sm{
    width: calc((100% - (240.5px)) / 4); }
  .c-flex-wrap.column80 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 80px; }
  .c-flex-wrap.column90 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column90 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column90 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column90 > .c-flex02--sm{
    width: calc((100% - (90.5px)) / 2); }
  .c-flex-wrap.column90 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 90px; }
  .c-flex-wrap.column90 > .c-flex03--sm{
    width: calc((100% - (180.5px)) / 2); }
  .c-flex-wrap.column90 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 90px; }
  .c-flex-wrap.column90 > .c-flex04--sm{
    width: calc((100% - (270.5px)) / 4); }
  .c-flex-wrap.column90 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 90px; }
  .c-flex-wrap.column100 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column100 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column100 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column100 > .c-flex02--sm{
    width: calc((100% - (100.5px)) / 2); }
  .c-flex-wrap.column100 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 100px; }
  .c-flex-wrap.column100 > .c-flex03--sm{
    width: calc((100% - (200.5px)) / 2); }
  .c-flex-wrap.column100 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 100px; }
  .c-flex-wrap.column100 > .c-flex04--sm{
    width: calc((100% - (300.5px)) / 4); }
  .c-flex-wrap.column100 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 100px; }
  .c-flex-wrap.column32 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column32 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column32 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column32 > .c-flex02--sm{
    width: calc((100% - (32.5px)) / 2); }
  .c-flex-wrap.column32 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 32px; }
  .c-flex-wrap.column32 > .c-flex03--sm{
    width: calc((100% - (64.5px)) / 3); }
  .c-flex-wrap.column32 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 32px; }
  .c-flex-wrap.column32 > .c-flex04--sm{
    width: calc((100% - (96.5px)) / 4); }
  .c-flex-wrap.column32 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 32px; }
  .c-flex-wrap.column48 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column48 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column48 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column48 > .c-flex02--sm{
    width: calc((100% - (48.5px)) / 2); }
  .c-flex-wrap.column48 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 48px; }
  .c-flex-wrap.column48 > .c-flex03--sm{
    width: calc((100% - (96.5px)) / 3); }
  .c-flex-wrap.column48 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 48px; }
  .c-flex-wrap.column48 > .c-flex04--sm{
    width: calc((100% - (144.5px)) / 4); }
  .c-flex-wrap.column48 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 48px; }
  .c-flex-wrap.column64 > .c-flex02:not(:nth-of-type(2n)){
    margin-right: 0; }
  .c-flex-wrap.column64 > .c-flex03:not(:nth-of-type(3n)){
    margin-right: 0; }
  .c-flex-wrap.column64 > .c-flex04:not(:nth-of-type(4n)){
    margin-right: 0; }
  .c-flex-wrap.column64 > .c-flex02--sm{
    width: calc((100% - (64.5px)) / 2); }
  .c-flex-wrap.column64 > .c-flex02--sm:not(:nth-of-type(2n)){
    margin-right: 64px; }
  .c-flex-wrap.column64 > .c-flex03--sm{
    width: calc((100% - (128.5px)) / 3); }
  .c-flex-wrap.column64 > .c-flex03--sm:not(:nth-of-type(3n)){
    margin-right: 64px; }
  .c-flex-wrap.column64 > .c-flex04--sm{
    width: calc((100% - (192.5px)) / 4); }
  .c-flex-wrap.column64 > .c-flex04--sm:not(:nth-of-type(4n)){
    margin-right: 64px; }
  .c-flex-wrap.row10 > .c-flex02:nth-of-type(n+2){
    margin-top: 6px; }
  .c-flex-wrap.row10 > .c-flex03:nth-of-type(n+2){
    margin-top: 6px; }
  .c-flex-wrap.row10 > .c-flex04:nth-of-type(n+2){
    margin-top: 6px; }
  .c-flex-wrap.row20 > .c-flex02:nth-of-type(n+2){
    margin-top: 12px; }
  .c-flex-wrap.row20 > .c-flex03:nth-of-type(n+2){
    margin-top: 12px; }
  .c-flex-wrap.row20 > .c-flex04:nth-of-type(n+2){
    margin-top: 12px; }
  .c-flex-wrap.row30 > .c-flex02:nth-of-type(n+2){
    margin-top: 18px; }
  .c-flex-wrap.row30 > .c-flex03:nth-of-type(n+2){
    margin-top: 18px; }
  .c-flex-wrap.row30 > .c-flex04:nth-of-type(n+2){
    margin-top: 18px; }
  .c-flex-wrap.row40 > .c-flex02:nth-of-type(n+2){
    margin-top: 24px; }
  .c-flex-wrap.row40 > .c-flex03:nth-of-type(n+2){
    margin-top: 24px; }
  .c-flex-wrap.row40 > .c-flex04:nth-of-type(n+2){
    margin-top: 24px; }
  .c-flex-wrap.row50 > .c-flex02:nth-of-type(n+2){
    margin-top: 30px; }
  .c-flex-wrap.row50 > .c-flex03:nth-of-type(n+2){
    margin-top: 30px; }
  .c-flex-wrap.row50 > .c-flex04:nth-of-type(n+2){
    margin-top: 30px; }
  .c-flex-wrap.row60 > .c-flex02:nth-of-type(n+2){
    margin-top: 36px; }
  .c-flex-wrap.row60 > .c-flex03:nth-of-type(n+2){
    margin-top: 36px; }
  .c-flex-wrap.row60 > .c-flex04:nth-of-type(n+2){
    margin-top: 36px; }
  .c-flex-wrap.row70 > .c-flex02:nth-of-type(n+2){
    margin-top: 42px; }
  .c-flex-wrap.row70 > .c-flex03:nth-of-type(n+2){
    margin-top: 42px; }
  .c-flex-wrap.row70 > .c-flex04:nth-of-type(n+2){
    margin-top: 42px; }
  .c-flex-wrap.row80 > .c-flex02:nth-of-type(n+2){
    margin-top: 48px; }
  .c-flex-wrap.row80 > .c-flex03:nth-of-type(n+2){
    margin-top: 48px; }
  .c-flex-wrap.row80 > .c-flex04:nth-of-type(n+2){
    margin-top: 48px; }
  .c-flex-wrap.row90 > .c-flex02:nth-of-type(n+2){
    margin-top: 54px; }
  .c-flex-wrap.row90 > .c-flex03:nth-of-type(n+2){
    margin-top: 54px; }
  .c-flex-wrap.row90 > .c-flex04:nth-of-type(n+2){
    margin-top: 54px; }
  .c-flex-wrap.row100 > .c-flex02:nth-of-type(n+2){
    margin-top: 60px; }
  .c-flex-wrap.row100 > .c-flex03:nth-of-type(n+2){
    margin-top: 60px; }
  .c-flex-wrap.row100 > .c-flex04:nth-of-type(n+2){
    margin-top: 60px; }
  .c-flex-wrap.row5--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 5px; }
  .c-flex-wrap.row5--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 5px; }
  .c-flex-wrap.row5--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 5px; }
  .c-flex-wrap.row5--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 5px; }
  .c-flex-wrap.row10--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 10x; }
  .c-flex-wrap.row10--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 10px; }
  .c-flex-wrap.row10--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 10px; }
  .c-flex-wrap.row10--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 10px; }
  .c-flex-wrap.row20--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 20px; }
  .c-flex-wrap.row20--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 20px; }
  .c-flex-wrap.row20--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 20px; }
  .c-flex-wrap.row20--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 20px; }
  .c-flex-wrap.row30--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 30px; }
  .c-flex-wrap.row30--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 30px; }
  .c-flex-wrap.row30--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 30px; }
  .c-flex-wrap.row30--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 30px; }
  .c-flex-wrap.row40--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 40px; }
  .c-flex-wrap.row40--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 40px; }
  .c-flex-wrap.row40--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 40px; }
  .c-flex-wrap.row40--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 40px; }
  .c-flex-wrap.row50--sm > [class*=c-flex]:not([class*=--sm]):nth-of-type(n+2){
    margin-top: 50px; }
  .c-flex-wrap.row50--sm > [class*=c-flex02][class*=--sm]:nth-of-type(n+3){
    margin-top: 50px; }
  .c-flex-wrap.row50--sm > [class*=c-flex03][class*=--sm]:nth-of-type(n+4){
    margin-top: 50px; }
  .c-flex-wrap.row50--sm > [class*=c-flex04][class*=--sm]:nth-of-type(n+5){
    margin-top: 50px; }
  .c-flex-column-half{
    display: block; }
  .c-flex-column-half > *{
    display: block;
    width: 100%; }
  .c-flex-column-quarter > *{
    width: 50%; }
  .c-box, .c-box--white, .c-box--narrow{
    margin: 20px auto 24px;
    padding: 18px 20px; }
  .exright.c-box, .exright.c-box--white, .exright.c-box--narrow,
  .exright02.c-box, .exright02.c-box--white, .exright02.c-box--narrow{
    margin-right: auto;
    padding-right: 20px; }
  .exleft.c-box, .exleft.c-box--white, .exleft.c-box--narrow,
  .exleft02.c-box, .exleft02.c-box--white, .exleft02.c-box--narrow{
    margin-left: auto;
    padding-left: 20px; }
  .extop.c-box, .extop.c-box--white, .extop.c-box--narrow{
    margin-top: -70px;
    padding-top: 70px; }
  .c-head-section, .c-head-section--huge, .c-head-section--large{
    margin: 60px auto 30px;
    padding-bottom: 20px; }
  .c-head-section{
    font-size: 25px; }
  .c-head-section small{
    font-size: 20px; }
  .c-head-section--huge{
    font-size: 28px; }
  .c-head-section--huge small{
    font-size: 22px; }
  .c-head-section--large{
    font-size: 26px; }
  .c-head-section--large small{
    font-size: 21px; }
  .c-head-section--renew2025 {
    font-size: 24px; }
  .c-head-section--renew2025 small {
    font-size: 20px; }
  .c-head-text{
    font-size: 20px; }
  .c-head-text small{
    font-size: 15px; }
  .c-head-text--huge{
    font-size: 24px; }
  .c-head-text--huge small{
    font-size: 17px; }
  .c-head-text--large{
    font-size: 22px; }
  .c-head-text--large small{
    font-size: 16px; }
  .c-head-text--small{
    font-size: 18px; }
  .c-head-text--small small{
    font-size: 14px; }
  .c-head-text--tiny{
    font-size: 16px; }
  .c-head-text--tiny small{
    font-size: 14px; }
  .c-head-text--xxxlarge {
    font-size: 22px; }
  .c-head-text--xxxlarge small {
    font-size: 18px; }
  .c-head-text--xxlarge {
    font-size: 20px; }
  .c-head-text--xxlarge small {
    font-size: 16px; }
  .c-head-text--xlarge {
    font-size: 18px; }
  .c-head-text--xlarge small {
    font-size: 14px; }
  .c-lead, .c-lead--huge, .c-lead--large, .c-lead--small, .c-lead--tiny{
    margin: 18px auto 10px; }
  .c-lead + .c-define, .c-lead--huge + .c-define, .c-lead--large + .c-define, .c-lead--small + .c-define, .c-lead--tiny + .c-define{
    margin-top: 12px; }
  .c-lead{
    font-size: 20px; }
  .c-lead--huge{
    font-size: 24px; }
  .c-lead--large{
    font-size: 22px; }
  .c-lead--small{
    font-size: 17px; }
  .c-lead--tiny{
    font-size: 16px; }
  .c-fs20--sm{
    font-size: 20px; }
  .c-fs18--sm{
    font-size: 18px; }
  .c-fs16--sm{
    font-size: 16px; }
  .c-fs14--sm{
    font-size: 14px; }
  .c-keyword, .c-keyword--small{
    font-size: 32px; }
  .c-keyword.lineheight-ajust, .lineheight-ajust.c-keyword--small{
    line-height: 1;
    position: static; }
  .c-keyword strong, .c-keyword--small strong{
    font-size: 80px;
    line-height: 60px; }
  .c-keyword--small{
    font-size: 20px; }
  .c-keyword--small strong{
    font-size: 30px;
    line-height: 20px; }
  .c-notes,
  .c-notice{
    font-size: 11px;
    line-height: 1.4; }
  #mn_wrap .c-list-border li{
    margin-top: 6px;
    margin-bottom: 6px; }
  #mn_wrap .c-list-border li li{
    margin: 2px auto;
    font-size: 13px; }
  #mn_wrap .c-list-border li li li{
    font-size: 11px; }
  #mn_wrap .c-list-column02 > li, #mn_wrap .c-list-column03 > li, #mn_wrap .c-list-column04 > li{
    width: 50%; }
  #mn_wrap .c-list-column02 > li:nth-child(3n+1), #mn_wrap .c-list-column02 > li:nth-child(4n+1), #mn_wrap .c-list-column03 > li:nth-child(3n+1), #mn_wrap .c-list-column03 > li:nth-child(4n+1), #mn_wrap .c-list-column04 > li:nth-child(3n+1), #mn_wrap .c-list-column04 > li:nth-child(4n+1){
    clear: none; }
  #mn_wrap .c-list-column02 > li:nth-child(2n+1), #mn_wrap .c-list-column03 > li:nth-child(2n+1), #mn_wrap .c-list-column04 > li:nth-child(2n+1){
    clear: both; }
  .c-button-wrap{
    margin: 40px auto; }
  .c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short, .c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short{
    max-width: 300px;
    font-size: 14px; }
  .c-button:after, .c-button--sm:after, .c-button--long:after, .c-button--middle:after, .c-button--short:after, .c-button-border:after, .c-button-border--sm:after, .c-button-border--long:after, .c-button-border--short:after{
/*     margin-top: 10px; */
    margin-left: 2px; }
  .c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short{
    padding: 12px 20px; }
  .c-button--sm{
    padding: 6px 18px; }
  .c-button--long{
    max-width: 400px; }
  .c-button--middle{
    max-width: 320px; }
  .c-button--short{
    max-width: 250px; }
  .c-button.download:after, .download.c-button--sm:after, .download.c-button--long:after, .download.c-button--middle:after, .download.c-button--short:after{
    margin-left: 7px;
    margin-top: 3px; }
  .c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short{
    padding: 12px 20px; }
  .c-button-border--sm{
    padding: 6px 18px; }
  .c-button-border--long{
    max-width: 400px; }
  .c-button-border--short{
    max-width: 250px; }
  .c-button-border.download:after, .download.c-button-border--sm:after, .download.c-button-border--long:after, .download.c-button-border--short:after{
    margin-left: 7px;
/*     margin-top: 4px; */
  }
  .c-button-border--renew2025 {
    width: 100%;
    background-color: #fff; }
  table{
    margin-top: 30px;
    margin-bottom: 20px; }
  table.is-small{
    font-size: 93.75%; }
  table.is-tiny{
    font-size: 93.75%; }
  .c-table thead th, .c-table--small thead th{
    padding: 12px;
    font-size: 14px; }
  .c-table tbody th, .c-table--small tbody th,
  .c-table tbody td,
  .c-table--small tbody td{
    padding: 5px 5px;
    font-size: 13px;
    line-height: 1.5; }
  .c-table tbody th.label, .c-table--small tbody th.label{
    font-size: 14px; }
  .c-table table, .c-table--small table{
    margin: 8px 5px 6px; }
  .c-table table tbody th, .c-table--small table tbody th,
  .c-table table tbody td,
  .c-table--small table tbody td{
    font-size: 13px; }
  .c-table--small thead th{
    padding: 3px 5px;
    font-size: 11px; }
  .c-table--small tbody th,
  .c-table--small tbody td{
    padding: 3px 5px;
    font-size: 10px; }
  .c-table--small tbody th.label{
    font-size: 11px; }
  .c-dots {
    padding-top: .2em; }
  .p-hero .products{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: center;
    justify-content: center; }
  .p-hero .mv-conversion{
    margin-top: 16px; }
  .p-hero .mv-conversion .mv-conversion-button{
    display: block;
    min-width: 0;
    max-width: 300px;
    margin: 0 auto;
    padding: 12px 15px;
    font-size: 14px; }
  .p-hero .mv-conversion .mv-conversion-button i{
    font-size: 18px; }
  .p-hero .mv-conversion .mv-conversion-button:nth-child(1){
    margin-bottom: 10px; }
  .p-hero{
    padding: 30px 0; }
  .p-hero .inner{
    padding: 0 20px; }
  div.edge > .top .p-hero .inner{
    display: block;
    min-height: 0; }
  div.edge > .top .p-hero .inner:before{
    width: 110px;
    height: 120px;
    left: 0;
    right: 0;
    top: -15px;
    bottom: auto; }
  .p-hero-column{
    display: block; }

  .p-hero.video-container video {
    width: 100%;
    height: auto; }
  .p-hero.video-container .inner {
    padding: 0 20px;
    height: auto; }
  .p-hero.video-container .inner .video-title {
    margin-top: 40vh;
    position: relative; }
  .p-hero.video-container .inner .video-title .category-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .p-hero.video-container .inner .video-title .category-list__item {
    margin-bottom: 10px; }
  .p-hero.video-container .inner .video-title h2 {
    font-size: 35px; }
  .p-hero.video-container .inner .video-title .small {
    margin-bottom: 30px; }
  .p-hero.video-container .overlay {
    display: none;
    visibility: hidden; }
  
  .p-hero .products{
    max-width: 300px;
    margin: 0 auto 30px; 
    min-width: auto;}
  .p-hero .products:last-child{
    margin-bottom: 0; }
   .p-hero .products .pc{
     display: none;}
  .p-hero .aside{
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .ie11 .p-hero .aside,
  .ie10 .p-hero .aside{
    width: 100%; }
  .p-hero .aside .c-flex-wrap{
    margin: 0;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center; }
  .p-hero .aside .c-flex-wrap > .c-flex{
    width: 100px;
    text-align: center; }
  .p-hero .aside .nikkeicomputer{
    margin: 0 15px; }
  .p-hero .aside .nikkeicomputer figure{
    text-align: center; }
  .p-hero .aside .nikkeicomputer img{
    width: 100px; }
  .p-hero .aside .nikkeicomputer + .tax10,
  .p-hero .aside .nikkeicomputer + .badge{
    margin-top: 0; }
  .p-hero .aside .excerpt{
    max-width: 100%; }
  .p-hero .aside .excerpt.small{
    max-width: 100%; }
  .p-hero .aside .excerpt + .tax10,
  .p-hero .aside .excerpt + .badge{
    margin-left: 10px;
    margin-right: 10px; }
  .p-hero .aside .tax10,
  .p-hero .aside .badge{
    width: 100px;
    height: 100px;
    margin: 15px 10px;
    margin-right: 10px; }
  .p-hero .aside .tax10 img,
  .p-hero .aside .badge img{
    width: 100px;
    height: 100px; }
  .p-hero .aside .tax10 + .badge,
  .p-hero .aside .badge + .badge{
    margin-left: 10px; }
  .p-hero .aside .award{
    margin: 15px 5px 0; }
  .p-hero .aside .award img{
    max-width: 80px; }
  .p-hero .aside .award .desc{
    margin-bottom: 8px;
    font-size: 15px; }
  .p-hero .aside .award .top{
    width: auto; }
  .p-hero .aside .award-list{
    display: block;
    margin: 0 auto; }
  .p-hero .aside .award-list__item{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 350px;
    margin-left: 20px;
    margin: 15px 0 0; }
  .p-hero .aside .award-list__item:first-child{
    margin-left: 0; }
  .p-hero .aside .notice{
    margin-top: 10px;
    margin: 0 0 0 10px;
    line-height: 1.75; }
  .p-hero-head--text{
    margin: 6px auto;
    font-size: 22px; }
  .p-hero .category-list{
    margin: 0; }
  .p-hero .category-list__item{
    margin-right: 10px;
    padding: 3px 14px;
    font-size: 12px; }
  .p-hero .logo{
    width: 280px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .ie11 .p-hero .logo span,
  .ie10 .p-hero .logo span{
    display: inline-block; }
  .p-hero .logo img{
    width: 100%;
    height: auto; }
  .p-hero .desc{
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5; }
  .p-lineup{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .p-lineup.c-flex-grid{
    margin-right: -8px;
    margin-left: -8px; }
  .p-lineup.c-flex-grid .c-flex04{
    width: 50%; }
  .p-lineup.c-flex-grid .c-flex04:not(:nth-of-type(2n)){
    margin-right: 0; }
  .p-lineup.c-flex-grid .c-flex-wrap{
    width: auto;
    margin-right: -16px;
    margin-left: -16px; }
  .p-lineup.c-flex-grid .c-flex-wrap .c-flex02{
    width: 50%;
    margin: 0;
    padding: 0 16px; }
  .p-lineup.c-flex-grid .p-lineup__item{
    width: 100%; }
  .p-lineup.c-flex-wrap .p-lineup__item{
    width: calc((100% - 16.5px) / 2) !important;
    margin-right: 0;
    padding: 35px 15px 15px; }
  .p-lineup.c-flex-wrap .p-lineup__item:not(:nth-of-type(2n)), .p-lineup.c-flex-wrap .p-lineup__item:not(:nth-of-type(3n)), .p-lineup.c-flex-wrap .p-lineup__item:not(:nth-of-type(4n)){
    margin-right: 0; }
  .p-lineup.c-flex-wrap .p-lineup__item:not(:nth-of-type(2n)){
    margin-right: 16px !important; }
  .p-lineup.c-flex-wrap .p-lineup__item:nth-of-type(n+2){
    margin-top: 0; }
  .p-lineup.c-flex-wrap .p-lineup__item:nth-of-type(n+3){
    margin-top: 20px; }
  .p-lineup .logo{
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid #17A0E3; }
  .p-lineup .logo img{
    width: 250px; }
  div.edge .top .p-lineup .logo img[src$=svg]{
    width: auto;
    height: 60px; }
  .p-lineup .category{
    font-size: 12px; }
  .p-lineup .new{
    font-size: 11px; }
  .p-lineup .desc{
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 14px; }
  .p-lineup .desc + .notice{
    margin-top: -12px; }
  .p-news{
    padding: 8px 0;
    font-size: 14px; }
  .p-news .header{
    margin-right: 12px; }
  .p-blockquote{
    margin: 40px auto 30px;
    padding: 25px 0; }
  .p-blockquote:before, .p-blockquote:after{
    font-size: 15px; }
  .p-blockquote:before{
    left: -5px; }
  .p-blockquote:after{
    right: -5px; }
  .p-comment, .p-comment--large{
    margin: 15px auto 20px;
    padding: 0 10px; }
  .p-comment figure, .p-comment--large figure{
    float: none;
    width: 100%;
    margin: 0 auto 15px;
    text-align: center; }
  .p-comment figure img, .p-comment--large figure img{
    max-width: 120px;
    margin: 0 5px; }
  .p-comment figure img + img, .p-comment--large figure img + img{
    display: inline-block;
    margin: 0 5px; }
  .p-comment figure + .detail, .p-comment--large figure + .detail{
    padding-left: 0; }
  .p-comment .detail, .p-comment--large .detail{
    font-size: 13px; }
  .p-comment--large{
    display: block;
    padding: 0 10px; }
  .p-comment--large figure{
    margin: auto; }
  .p-comment--large figure img{
    max-width: 160px; }
  .p-comment--large figure + .detail{
    padding-left: 0; }
  .p-comment--large .detail .c-head-text{
    margin-bottom: 10px; }
  .p-scroll-table{
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: scroll;
    position: relative; }
  .p-scroll-table:before{
    content: "";
    display: block;
    width: 65px;
    height: 65px;
    margin: auto;
    background: rgba(0, 0, 0, 0.5) url("//www.obc.co.jp/hubfs/obc/v1/images/common/icon_swipe.png") no-repeat center center/45px 46px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s 0.5s; }
  .p-scroll-table.js-remove:before{
    visibility: hidden;
    opacity: 0; }
  .p-scroll-table > table{
    min-width: 640px;
    margin-bottom: 0; }
  .p-efficiency__issues {
    font-size: 20px; }
  .p-efficiency__issues span {
    width: 24px;
    height: 24px; }
  .p-efficiency__issues--detail figure {
    max-width: 50%;
    margin: 0 auto; }
  .p-efficiency__issues--detail figure img {
    max-height: 100px; }
  .p-efficiency__solution {
    padding: 120px 20px 25px; }
  .p-efficiency__solution h3 {
    font-size: 20px; }
  .p-efficiency__solution h3.adjust {
    letter-spacing: 0.03em; }
  .p-efficiency__solution figure {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto; }
  .p-efficiency__invoice {
    padding: 20px; }
  .p-efficiency__invoice .c-flex-wrap.column64 {
    -ms-flex-direction: column;
    flex-direction: column; }
  .p-efficiency__invoice .c-flex-wrap.column64.is-reverse {
    -ms-flex-direction: reverse;
    flex-direction: reverse; }
  .p-efficiency__invoice .c-flex-wrap.column64 > .detail {
    max-width: 100%; }
  .p-efficiency__invoice .c-flex-wrap.column64 > .detail .c-head-text {
    letter-spacing: 0.1em;
    font-weight: 700; }
  .p-efficiency__invoice .c-flex-wrap.column64 > .detail p {
    line-height: 1.875;
    letter-spacing: 0.05em; }
  .p-efficiency__invoice .c-flex-wrap.column64 > figure {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0 0; }
  .p-efficiency__invoice .c-flex-wrap.column64 > figure.overflow {
    position: absolute;
    right: -45px;
    bottom: 0; }
  .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-fontsize14--sm{
    font-size: 14px !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-fontsize--125p--sm {
    font-size: 125% !important; }
  .u-fontsize--150p--sm {
    font-size: 150% !important; }
  .u-fontsize--175p--sm {
    font-size: 175% !important; }
  .u-fontsize--200p--sm {
    font-size: 200% !important; }
  .u-fweight400--sm {
    font-weight: 400 !important; }
  .u-fweight500--sm {
    font-weight: 500 !important; }
  .u-fweight600--sm {
    font-weight: 600 !important; }
  .u-fweight700--sm {
    font-weight: 700 !important; }
  .u-fweight900--sm {
    font-weight: 900 !important; }
  .u-lheight0--sm{
    line-height: 0 !important; }
  .u-lheight1--sm{
    line-height: 1 !important; }
  .u-lheight15--sm{
    line-height: 1.5 !important; }
  .u-lheight175--sm{
    line-height: 1.75 !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--wid--sm0{
    width: 0px !important; }
  .u--widp--sm0{
    width: 0% !important; }
  .u--wid--sm20{
    width: 20px !important; }
  .u--widp--sm1{
    width: 10% !important; }
  .u--wid--sm40{
    width: 40px !important; }
  .u--widp--sm2{
    width: 20% !important; }
  .u--wid--sm60{
    width: 60px !important; }
  .u--widp--sm3{
    width: 30% !important; }
  .u--wid--sm80{
    width: 80px !important; }
  .u--widp--sm4{
    width: 40% !important; }
  .u--wid--sm100{
    width: 100px !important; }
  .u--widp--sm5{
    width: 50% !important; }
  .u--wid--sm120{
    width: 120px !important; }
  .u--widp--sm6{
    width: 60% !important; }
  .u--wid--sm140{
    width: 140px !important; }
  .u--widp--sm7{
    width: 70% !important; }
  .u--wid--sm160{
    width: 160px !important; }
  .u--widp--sm8{
    width: 80% !important; }
  .u--wid--sm180{
    width: 180px !important; }
  .u--widp--sm9{
    width: 90% !important; }
  .u--wid--sm200{
    width: 200px !important; }
  .u--widp--sm10{
    width: 100% !important; }
  .u-wid--fifth--sm{
    width: 20% !important; }
  .u-wid--quarter--sm{
    width: 25% !important; }
  .u-wid--thirds-sm{
    width: 33.33% !important; }
  .u-wid--half--sm{
    width: 50% !important; }
  .u-wid--full--sm{
    width: 100% !important; }
  .u-mt0{
    margin-top: 0px !important; }
  .u-mb0{
    margin-bottom: 0px !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-mt10{
    margin-top: 6px !important; }
  .u-mb10{
    margin-bottom: 6px !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-mt20{
    margin-top: 12px !important; }
  .u-mb20{
    margin-bottom: 12px !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-mt30{
    margin-top: 18px !important; }
  .u-mb30{
    margin-bottom: 18px !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-mt40{
    margin-top: 24px !important; }
  .u-mb40{
    margin-bottom: 24px !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-mt50{
    margin-top: 30px !important; }
  .u-mb50{
    margin-bottom: 30px !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-mt60{
    margin-top: 36px !important; }
  .u-mb60{
    margin-bottom: 36px !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-mt70{
    margin-top: 42px !important; }
  .u-mb70{
    margin-bottom: 42px !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-mt80{
    margin-top: 48px !important; }
  .u-mb80{
    margin-bottom: 48px !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-mt90{
    margin-top: 54px !important; }
  .u-mb90{
    margin-bottom: 54px !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-mt100{
    margin-top: 60px !important; }
  .u-mb100{
    margin-bottom: 60px !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; } }

@media screen and (max-width: 640px){
  .p-hero.video-container .inner .video-title {
    margin-top: 30vh; } }

@media screen and (max-width: 480px){
  .c-flex-column-quarter{
    display: block; }
  .c-flex-column-quarter > *{
    display: block;
    width: 100%; }
  #mn_wrap .c-list-column02 > li, #mn_wrap .c-list-column03 > li, #mn_wrap .c-list-column04 > li{
    float: none;
    width: 100%;
    padding-right: 0; }
  .p-lineup.c-flex-grid .c-flex04{
    width: 100%; }
  .p-lineup.c-flex-grid .c-flex-wrap .c-flex02{
    width: 100%;
    margin-bottom: 20px; }
  .p-lineup.c-flex-wrap .p-lineup__item{
    width: 100% !important;
    margin-right: 0 !important; }
  .p-lineup.c-flex-wrap .p-lineup__item:not(:nth-of-type(2n)){
    margin-right: 0 !important; }
  .p-lineup.c-flex-wrap .p-lineup__item:nth-of-type(n+2){
    margin-top: 20px; } }

.p-hero.renew2410 {
  padding: 50px 0; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 {
    padding: 20px 0; } }

div.edge > .wrap .p-hero.renew2410 .inner {
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-content {
    padding: 0; } }

.p-hero.renew2410 .p-hero-column--box {
  margin: 0 auto;
  padding: 0 0 83px 0;
  max-width: 1140px;
  background-image: none;
  background-color: #fff;
  color: #333;
  position: relative;
  z-index: 0; }

.p-hero.renew2410 .p-hero-column--box::after {
  content: "";
  position: absolute;
  display: block;
  background: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/hero_top202410.png") no-repeat right bottom/contain;
  right: 0;
  bottom: 0;
  aspect-ratio: 449 / 548;
  width: auto;
  height: 100%;
  z-index: -1; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-column--box {
    padding: 20px 20px 80px; }
  .p-hero.renew2410 .p-hero-column--box::after {
    height: 30%;
    bottom: 0; } }

.p-hero.renew2410 .p-hero-head {
  position: relative;
  padding: 30px 85px 0; }

.saimu .p-hero.renew2410 .p-hero-head {
  padding: 30px 80px 0; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-head {
    padding: 0; } }

.p-hero.renew2410 .p-hero-head h2 {
  letter-spacing: 0.05em;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,  0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }

.p-hero.renew2410 .p-hero-head h2 small {
  display: inline-block;
  letter-spacing: 0.1em;
  font-size: 24px; }

.p-hero.renew2410 .p-hero-head h2 em {
  font-size: 54px;
  line-height: 1.45; }

.p-hero.renew2410 .p-hero-head h2 em.bg-block {
  display: inline-block;
  padding: .1em .5em;
  font-size: 24px;
  text-shadow: none;
  color: #fff !important; }

.kanjo .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #AC257D; }

.kanjo-kensetsu .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #5a181c; }

.kanjo-kobetsu .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #f33d42; }

.kyuyo .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #0075C1; }

.saiken .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #EB6D9A; }

.saimu .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #B963A4; }

.akikura .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #006939; }

.akinai .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #009140; }

.kura .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #5CAF30; }

.somujinji .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #00A7B7; }

.jinji .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #00A7B7; }

.hotei .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #009ED4; }

.kotei .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #5D2976; }

.shinkoku .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #e77008; }

.shinkoku-hc .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #e77008; }

.shinkoku-ug .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #fb9b00; }

.eb-cloud .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #021650; }

div.edge > .wrap .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #00438b; }

.verp .p-hero.renew2410 .p-hero-head h2 em.bg-block {
  background-color: #262523; }

.p-hero.renew2410 .p-hero-head h2 em.share {
  font-size: 64px;
  letter-spacing: -0.05em; }

.p-hero.renew2410 .p-hero-head h2 em.number {
  font-family: 'Roboto',sans-serif;
  font-size: 82px;
  letter-spacing: -0.03em; }

.p-hero.renew2410 .p-hero-head h2 em.number b {
  margin-left: -10px;
  font-size: 84px; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-head h2 {
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.45; }
  .p-hero.renew2410 .p-hero-head h2 small {
    font-size: 18px; }
  .p-hero.renew2410 .p-hero-head h2 em {
    font-size: 28px; }
  .p-hero.renew2410 .p-hero-head h2 em.bg-block {
    font-size: 14px; }
  .p-hero.renew2410 .p-hero-head h2 em.share {
    font-size: 24px; }
  .p-hero.renew2410 .p-hero-head h2 em.number {
    font-size: 41px; }
  .p-hero.renew2410 .p-hero-head h2 em.number b {
    font-size: 42px; } }

.p-hero.renew2410 .p-hero-body {
  width: 75%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 85px;
  margin-top: -10px; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-body {
    width: 100%;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0; } }

.p-hero.renew2410 .p-hero-body__thumb {
  max-width: 45%; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-body__thumb {
    max-width: 100%; } }

.p-hero.renew2410 .p-hero-body__detail {
  width: 55%; }

.p-hero.renew2410 .p-hero-body__detail .c-notice {
  margin: 20px 0 0 20px; }

.p-hero.renew2410 .p-hero-body__detail .c-notice li {
  padding-left: 2.2em !important;
  text-indent: -2.25em !important; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-body__detail {
    width: 100%; }
  .p-hero.renew2410 .p-hero-body__detail .c-notice {
    margin: 20px 0 20px 0;
    text-align: left; } }

.p-hero.renew2410 .p-hero-body__badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 20px; }

.p-hero.renew2410 .p-hero-body__badge dl {
  position: relative;
  width: auto;
  padding: 0 2.25rem; }

.p-hero.renew2410 .p-hero-body__badge dl::before, .p-hero.renew2410 .p-hero-body__badge dl::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 50.99 / 95.39;
  height: 95.39px;
  width: 50.99px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 0; }

.p-hero.renew2410 .p-hero-body__badge dl::before {
  left: -15px;
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_badge_left.svg"); }

.p-hero.renew2410 .p-hero-body__badge dl::after {
  right: -15px;
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/bg_badge_right.svg"); }

.p-hero.renew2410 .p-hero-body__badge dl dt, .p-hero.renew2410 .p-hero-body__badge dl dd {
  text-align: center;
  font-weight: 700; }

.p-hero.renew2410 .p-hero-body__badge dl dt sup, .p-hero.renew2410 .p-hero-body__badge dl dd sup {
  top: auto;
  left: 3px;
  font-size: 12px;
  font-weight: 400; }

.p-hero.renew2410 .p-hero-body__badge dl dt {
  font-size: 18px;
  line-height: 1; }

.p-hero.renew2410 .p-hero-body__badge dl dt small {
  display: inline-block;
  font-size: 12px; }

.p-hero.renew2410 .p-hero-body__badge dl dt.negative10 {
  margin-bottom: -.5rem; }

.p-hero.renew2410 .p-hero-body__badge dl dd {
  position: relative;
  font-size: 24px; }

.p-hero.renew2410 .p-hero-body__badge dl dd em {
  font-family: 'Roboto',sans-serif;
  font-size: 64px;
  letter-spacing: 0.02em; }

.p-hero.renew2410 .p-hero-body__badge dl dd em.number {
  font-family: 'Roboto',sans-serif;
  font-size: 55px;
  letter-spacing: -0.03em; }

.p-hero.renew2410 .p-hero-body__badge dl dd em.number b {
  margin-left: -10px;
  font-size: 64px; }

.p-hero.renew2410 .p-hero-body__badge dl dd em.ls7 {
  font-size: 55px;
  margin-right: .05em;
  letter-spacing: -0.07em; }

.p-hero.renew2410 .p-hero-body__badge dl dd sup {
  position: absolute;
  bottom: -5px;
  left: 50%; }

.p-hero.renew2410 .p-hero-body__badge dl dd figure {
  max-width: 80px; }

.p-hero.renew2410 .p-hero-body__badge dl dd figure + sup {
  bottom: -20px; }

.p-hero.renew2410 .p-hero-body__badge dl:nth-of-type(2n) {
  margin-left: 50px; }

.p-hero.renew2410 .p-hero-body__badge dl:nth-of-type(n+3) {
  margin-top: 40px; }

.p-hero.renew2410 .p-hero-body__badge dl.column03, .p-hero.renew2410 .p-hero-body__badge dl.column04 {
  padding: 0 2rem; }

.p-hero.renew2410 .p-hero-body__badge dl.column03 dt, .p-hero.renew2410 .p-hero-body__badge dl.column04 dt {
  font-size: 12px; }

.p-hero.renew2410 .p-hero-body__badge dl.column03::before, .p-hero.renew2410 .p-hero-body__badge dl.column03::after, .p-hero.renew2410 .p-hero-body__badge dl.column04::before, .p-hero.renew2410 .p-hero-body__badge dl.column04::after {
  height: auto;
  width: 40px; }

.p-hero.renew2410 .p-hero-body__badge dl.column03 dd em, .p-hero.renew2410 .p-hero-body__badge dl.column04 dd em {
  font-size: 48px; }

.p-hero.renew2410 .p-hero-body__badge dl.column03 dd em.number, .p-hero.renew2410 .p-hero-body__badge dl.column04 dd em.number {
  font-size: 36px; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-body__badge {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-left: 0;
    width: 100%; }
  .p-hero.renew2410 .p-hero-body__badge dl {
    width: auto;
    padding: 0 2rem; }
  .p-hero.renew2410 .p-hero-body__badge dl::before, .p-hero.renew2410 .p-hero-body__badge dl::after {
    height: auto;
    width: 2rem; }
  .p-hero.renew2410 .p-hero-body__badge dl::before {
    left: 0; }
  .p-hero.renew2410 .p-hero-body__badge dl::after {
    right: 0; }
  .p-hero.renew2410 .p-hero-body__badge dl dt sup, .p-hero.renew2410 .p-hero-body__badge dl dd sup {
    bottom: -1em;
    left: 43%; }
  .p-hero.renew2410 .p-hero-body__badge dl dt {
    font-size: 12px;
    white-space: nowrap;
    text-align: center; }
  .p-hero.renew2410 .p-hero-body__badge dl dt.negative10 {
    margin-bottom: -.25em; }
  .p-hero.renew2410 .p-hero-body__badge dl dd {
    width: 100%;
    font-size: 14px; }
  .p-hero.renew2410 .p-hero-body__badge dl dd em {
    font-size: 28px; }
  .p-hero.renew2410 .p-hero-body__badge dl dd em.number {
    font-size: 24px; }
  .p-hero.renew2410 .p-hero-body__badge dl dd em.number b {
    margin-left: -3px;
    font-size: 28px; }
  .p-hero.renew2410 .p-hero-body__badge dl dd em.ls7 {
    font-size: 28px; }
  .p-hero.renew2410 .p-hero-body__badge dl:nth-of-type(2n) {
    margin-left: 2%; }
  .p-hero.renew2410 .p-hero-body__badge dl:nth-of-type(n+3) {
    margin: 10% 0; }
/*   .p-hero.renew2410 .p-hero-body__badge dl.column03, .p-hero.renew2410 .p-hero-body__badge dl.column04 {
    padding: 0; } */
  .p-hero.renew2410 .p-hero-body__badge dl.column03::before, .p-hero.renew2410 .p-hero-body__badge dl.column03::after, .p-hero.renew2410 .p-hero-body__badge dl.column04::before, .p-hero.renew2410 .p-hero-body__badge dl.column04::after {
    height: auto;
    width: 2rem; } }

.kyuyo .p-hero.renew2410 .p-hero-body__badge {
  -ms-flex-pack: center;
  justify-content: center; }

.p-hero.renew2410 .p-hero-footer {
  position: relative;
  right: auto;
  top: 0;
  transform: translateY(0);
  width: 100%;
  padding: 20px 0 0 40px;
  text-align: left; }

.p-hero.renew2410 .p-hero-footer .c-notice li {
  padding-left: 2.2em !important;
  text-indent: -2.25em !important; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .p-hero-footer {
    padding: 20px 0 0; } }

.p-hero.renew2410 .mv-conversion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -100px auto 0; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .mv-conversion {
    margin: -80px auto 0; } }

.p-hero.renew2410 .mv-conversion-button {
  position: relative;
  box-shadow: none;
  margin: 0 auto;
  padding: 36px 50px;
  /*background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/common/icon_cta202410.png");*/
  background-size: 91px 52px;
  background-repeat: no-repeat;
  background-position: 47px center;
  height: 95.39px;
  width: 680px;
  font-size: 28px;
  line-height: 1;
  z-index: 1;
  transition: all .3s;
  overflow: hidden; }

.kanjo .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kanjo/index_renew/icon_cta202410.png"); }

.kanjo-kensetsu .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kanjo-kensetsu/index_renew/icon_cta202410.png"); }

.kanjo-kobetsu .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kanjo-kobetsu/index_renew/icon_cta202410.png"); }

.kyuyo .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kyuyo/index_renew/icon_cta202410.png"); }

.saiken .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/saiken/index_renew/icon_cta202410.png"); }

.saimu .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/saimu/index_renew/icon_cta202410.png"); }

.akikura .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/akikura/index_renew/icon_cta202410.png"); }

.jinji .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/jinji/index_renew/icon_cta202410.png"); }

.hotei .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/hotei/index_renew/icon_cta202410.png"); }

.kotei .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/kotei/index_renew/icon_cta202410.png"); }

.shinkoku-hc .p-hero.renew2410 .mv-conversion-button {
  border: 2px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/shinkoku-hc/index_renew/icon_cta202410.png"); }

.shinkoku-ug .p-hero.renew2410 .mv-conversion-button {
/*   background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/shinkoku-ug/index_renew/icon_cta202410.png"); */
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/shinkoku-ug/index_renew/icon_cta202410_2.png");
  background-size: 91px 52px;
  background-position: 47px center;
  background-repeat: no-repeat;
}

.eb-cloud .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/eb-cloud/index_renew/icon_cta202410.png"); }

.edge.invoice .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/invoice/index_renew/icon_cta202410.png"); }

.edge.adjustment .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/adjustment/index_renew/icon_cta202410.png"); }

.edge.attend .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/attend/index_renew/icon_cta202410.png"); }

.edge.labor .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/labor/index_renew/icon_cta202410.png"); }

.edge.mynumber .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/mynumber/index_renew/icon_cta202410.png"); }

.edge.payment .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/payment/index_renew/icon_cta202410.png"); }

.edge.shiharai .p-hero.renew2410 .mv-conversion-button {
  background-image: url("//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/shiharai/index_renew/icon_cta202410.png"); }

.p-hero.renew2410 .mv-conversion-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7c40b;
  transform: translateX(-100%);
  transition: 0.3s;
  z-index: -1; }

.p-hero.renew2410 .mv-conversion-button::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: absolute;
  right: 30px;
  margin-top: 12px; }

.p-hero.renew2410 .mv-conversion-button:hover {
  opacity: 1 !important; }

.p-hero.renew2410 .mv-conversion-button:hover::before {
  transform: translateX(0); }

.p-hero.renew2410 .mv-conversion-button--white {
  background-color: #fff;
  border: 2px solid #e76f02;
  color: #e76f02; }

.p-hero.renew2410 .mv-conversion-button--white::after {
  border-color: #e76f02; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .mv-conversion-button {
    padding: 20px 20px;
    width: 100%;
    height: auto;
    font-size: 16px;
    background-size: 40.5px 26px;
    background-position: 10px center; }
  .p-hero.renew2410 .mv-conversion-button::after {
    margin-top: 6px; }
  .shinkoku-ug .p-hero.renew2410 .mv-conversion-button {
    background-size: 40.5px 26px !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important; } }

.p-hero.renew2410 .mv-conversion-wrap {
  display: -ms-flexbox;
  display: flex; }

.p-hero.renew2410 .mv-conversion-wrap .mv-conversion {
  width: 50%; }

.p-hero.renew2410 .mv-conversion-wrap .mv-conversion-button {
  margin: 0 auto;
  padding: 30px 50px 47px;
  height: 100.39px;
  background-image: none;
  width: 90%;
  font-size: 24px;
  line-height: 1.2; }

.p-hero.renew2410 .mv-conversion-wrap .mv-conversion-button::after {
  margin-top: -10px; }

.p-hero.renew2410 .mv-conversion-wrap .balloon {
  padding: 10px 30px; }

.p-hero.renew2410 .mv-conversion-wrap .balloon span {
  font-size: 14px; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410 .mv-conversion-wrap {
    -ms-flex-direction: column;
    flex-direction: column; }
  .p-hero.renew2410 .mv-conversion-wrap .mv-conversion {
    width: 90%; }
  .p-hero.renew2410 .mv-conversion-wrap .mv-conversion-button {
    margin: 0 auto;
    padding: 20px 20px 30px;
    height: 73.39px;
    background-image: none;
    width: 100%;
    font-size: 16px;
    line-height: 1.2; }
  .p-hero.renew2410 .mv-conversion-wrap .mv-conversion-button::after {
    margin-top: 0; }
  .p-hero.renew2410 .mv-conversion-wrap .mv-conversion + .mv-conversion {
    margin-top: -10px; }
  .p-hero.renew2410 .mv-conversion-wrap .balloon {
    padding: 5px 10px; }
  .p-hero.renew2410 .mv-conversion-wrap .balloon span {
    font-size: 11px; } }

.p-hero.renew2410.nosymbol .p-hero-head {
  padding: 30px 75px; }

.p-hero.renew2410.nosymbol .p-hero-head h2 {
  font-size: 36px; }

.p-hero.renew2410.nosymbol .p-hero-head h2 em {
  font-size: 50px; }

.p-hero.renew2410.nosymbol .p-hero-body {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 75px; }

.p-hero.renew2410.nosymbol .p-hero-body__detail {
  width: auto; }

.p-hero.renew2410.nosymbol .p-hero-body__check li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 600; }

.p-hero.renew2410.nosymbol .p-hero-body__check li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 10px;
  width: 100px;
  border-bottom: 4px solid #00438b;
  border-left: 10px solid #00438b;
  transform: rotate(-45deg) perspective(60px) rotateY(60deg) translateY(50%);
  transform-origin: 0 50%; }

.p-hero.renew2410.nosymbol .p-hero-body__check li:nth-child(n+2) {
  margin-top: 20px; }

.p-hero.renew2410.nosymbol .p-hero-body__check span {
  position: relative;
  display: inline-block;
  white-space: nowrap; }

.p-hero.renew2410.nosymbol .p-hero-body__check span.marker::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: rgba(231, 111, 2, 0.3);
  bottom: 0;
  z-index: -1; }

.p-hero.renew2410.nosymbol .p-hero-body__thumb {
  max-width: 30%;
  margin: 0 40px 30px; }

.p-hero.renew2410.nosymbol .p-hero-column--box::after {
  content: none; }

@media screen and (max-width: 768px) {
  .p-hero.renew2410.nosymbol .p-hero-head {
    padding: 0; }
  .p-hero.renew2410.nosymbol .p-hero-head h2 {
    font-size: 20px; }
  .p-hero.renew2410.nosymbol .p-hero-head h2 em {
    font-size: 26px; }
  .p-hero.renew2410.nosymbol .p-hero-body {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; }
  .p-hero.renew2410.nosymbol .p-hero-body__check {
    margin: 20px 0; }
  .p-hero.renew2410.nosymbol .p-hero-body__check li {
    text-align: left; }
  .p-hero.renew2410.nosymbol .p-hero-body__check li::before {
    bottom: 1rem; }
  .p-hero.renew2410.nosymbol .p-hero-body__thumb {
    max-width: 100%;
    margin: 0 auto; } }

.shiharai .p-hero.renew2410.nosymbol .p-hero-head {
  padding: 30px 75px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-head h2 {
  font-size: 32px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-head h2 em {
  font-size: 50px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-head h2 small em {
  font-size: 24px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 75px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__detail {
  width: auto; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__check li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 600; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__check li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 10px;
  width: 100px;
  border-bottom: 4px solid #00438b;
  border-left: 10px solid #00438b;
  transform: rotate(-45deg) perspective(60px) rotateY(60deg) translateY(50%);
  transform-origin: 0 50%; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__check li:nth-child(n+2) {
  margin-top: 20px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__check span {
  position: relative;
  display: inline-block;
  white-space: nowrap; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__check span.marker::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: rgba(231, 111, 2, 0.3);
  bottom: 0;
  z-index: -1; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-body__thumb {
  max-width: 30%;
  margin: 0 40px 30px; }

.shiharai .p-hero.renew2410.nosymbol .p-hero-column--box::after {
  content: none; }

@media screen and (max-width: 768px) {
  .shiharai .p-hero.renew2410.nosymbol .p-hero-head {
    padding: 0; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-head h2 {
    font-size: 20px; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-head h2 em {
    font-size: 26px; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-body {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-body__check {
    margin: 20px 0; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-body__check li {
    text-align: left; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-body__check li::before {
    bottom: 1rem; }
  .shiharai .p-hero.renew2410.nosymbol .p-hero-body__thumb {
    max-width: 100%;
    margin: 0 auto; } }
@charset "UTF-8";
/* --------------------------------------------

FileName    :    /bugyo-edge/top_add202107.css

-------------------------------------------- */
.kanjo_ em {
  color: #AC257D; }

.kanjo-kobetsu_ em {
  color: #f33d42; }

.kanjo-kensetsu_ em {
  color: #5a181c; }

.kyuyo_ em {
  color: #0075C1; }

.saimu_ em {
  color: #B963A4; }

.saiken_ em {
  color: #EB6D9A; }

.akikura_ em {
  color: #006939; }

.akinai_ em {
  color: #009140; }

.kura_ em {
  color: #5CAF30; }

.jinji_ em {
  color: #00A7B7; }

.shugyo_ em {
  color: #00438B; }

.hotei_ em {
  color: #009ED4; }

.kotei_ em {
  color: #5D2976; }

.shinkoku_ em {
  color: #e77008; }

.shinkoku-ug_ em {
  color: #fb9b00; }

.shinkoku-hc_ em {
  color: #e77008; }

.kanjo_ .p-hero {
  background-color: #AC257D; }

.kanjo-kobetsu_ .p-hero {
  background-color: #f33d42; }

.kanjo-kensetsu_ .p-hero {
  background-color: #5a181c; }

.kyuyo_ .p-hero {
  background-color: #0075C1; }

.saimu_ .p-hero {
  background-color: #B963A4; }

.saiken_ .p-hero {
  background-color: #EB6D9A; }

.akikura_ .p-hero {
  background-color: #006939; }

.akinai_ .p-hero {
  background-color: #009140; }

.kura_ .p-hero {
  background-color: #5CAF30; }

.jinji_ .p-hero {
  background-color: #00A7B7; }

.shugyo_ .p-hero {
  background-color: #00438B; }

.hotei_ .p-hero {
  background-color: #009ED4; }

.kotei_ .p-hero {
  background-color: #5D2976; }

.shinkoku_ .p-hero {
  background-color: #e77008; }

.shinkoku-ug_ .p-hero {
  background-color: #fb9b00; }

.shinkoku-hc_ .p-hero {
  background-color: #e77008; }

.p-hero-content {
  max-width: 1280px;
  margin: auto;
  padding: 40px 40px 5px;
  position: relative; }
.p-hero-content.center {
  padding: 0 40px 5px; }

.p-hero-footer {
  width: 653px;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translate(0, -50%); }

.p-hero-lead {
  margin-top: 20px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.5;
  color: #fff; }

.p-hero .aside.center {
  -ms-flex-align: center;
  align-items: center; }

.p-hero .itca02 {
  display: block;
  width: 200px; }

.top-introduction-movie {
  margin: 66px 0 36px; }

.top-introduction-movie > .inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  position: relative; }

.top-introduction-movie-wrapper {
  background: #0C4EA5; }

.kanjo .top-introduction-movie-wrapper {
  background-color: #af318b; }

.kanjo-kobetsu .top-introduction-movie-wrapper {
  background-color: #ea3f3f; }

.kanjo-kensetsu .top-introduction-movie-wrapper {
  background-color: #681b21; }

.kyuyo .top-introduction-movie-wrapper {
  background-color: #0088cc; }

.kyuyo_ .top-introduction-movie-wrapper {
  background-color: #0088cc; }

.saimu .top-introduction-movie-wrapper {
  background-color: #b963a4; }

.saiken .top-introduction-movie-wrapper {
  background-color: #eb6d9a; }

.akikura .top-introduction-movie-wrapper {
  background-color: #048449; }

.akinai .top-introduction-movie-wrapper {
  background-color: #009140; }

.kura .top-introduction-movie-wrapper {
  background-color: #5CAF30; }

.jinji .top-introduction-movie-wrapper {
  background-color: #007b91; }

.shugyo .top-introduction-movie-wrapper {
  background-color: #00438B; }

.hotei .top-introduction-movie-wrapper {
  background-color: #029ed4; }

.kotei .top-introduction-movie-wrapper {
  background-color: #5D2976; }

.shinkoku .top-introduction-movie-wrapper {
  background-color: #e77008; }

.shinkoku-ug .top-introduction-movie-wrapper {
  background-color: #ee9e2a; }

.shinkoku-hc .top-introduction-movie-wrapper {
  background-color: #d85f03; }

.eb-cloud .top-introduction-movie-wrapper {
  background-color: #021650; }

.edge .top-introduction-movie-wrapper {
  background-color: #0C4EA5; }

.top-introduction-movie a:not([data-lity]) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #057DB8; }

.top-introduction-movie a {
  display: block; }

.top-introduction-movie a .movie-image {
  transition: opacity .3s; }

.top-introduction-movie a:hover .movie-image {
  opacity: 0.7; }

.top-introduction-movie .movie-content {
  width: 100%;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative; }

.top-introduction-movie .movie-content-body {
  width: 380px;
  padding: 35px 40px;
  background: #00438B;
  border-radius: 8px;
  color: #fff;
  position: absolute;
  left: 0;
  top: -69px;
  z-index: 1; }

.kanjo-kobetsu .top-introduction-movie .movie-content-body,
.kanjo-kensetsu .top-introduction-movie .movie-content-body,
.shinkoku-hc .top-introduction-movie .movie-content-body,
.shinkoku-ug .top-introduction-movie .movie-content-body {
  top: -85px;
  width: 510px; }

.h-info .top-introduction-movie .movie-content-body {
  top: -85px;
  width: 550px; }

.kanjo .top-introduction-movie .movie-content-body {
  background-color: #AC257D; }

.kanjo-kobetsu .top-introduction-movie .movie-content-body {
  background-color: #f33d42; }

.kanjo-kensetsu .top-introduction-movie .movie-content-body {
  background-color: #5a181c; }

.kyuyo .top-introduction-movie .movie-content-body {
  background-color: #0075C1; }

.kyuyo_ .top-introduction-movie .movie-content-body {
  background-color: #0075C1; }

.saimu .top-introduction-movie .movie-content-body {
  background-color: #B963A4; }

.saiken .top-introduction-movie .movie-content-body {
  background-color: #EB6D9A; }

.akikura .top-introduction-movie .movie-content-body {
  background-color: #006939; }

.akinai .top-introduction-movie .movie-content-body {
  background-color: #009140; }

.kura .top-introduction-movie .movie-content-body {
  background-color: #5CAF30; }

.jinji .top-introduction-movie .movie-content-body {
  background-color: #00A7B7; }

.shugyo .top-introduction-movie .movie-content-body {
  background-color: #00438B; }

.hotei .top-introduction-movie .movie-content-body {
  background-color: #009ED4; }

.kotei .top-introduction-movie .movie-content-body {
  background-color: #5D2976; }

.shinkoku .top-introduction-movie .movie-content-body {
  background-color: #e77008; }

.shinkoku-ug .top-introduction-movie .movie-content-body {
  background-color: #fb9b00; }

.shinkoku-hc .top-introduction-movie .movie-content-body {
  background-color: #e77008; }

.edge .top-introduction-movie .movie-content-body {
  background-color: #00438b; }

.top-introduction-movie .movie-content-label {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700; }

.top-introduction-movie .movie-content-title {
  margin-top: 8px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5; }

.top-introduction-movie .movie-content-link {
  margin-top: 10px;
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #057DB8;
  text-decoration: underline; }

.top-introduction-movie .movie-content-link a {
  color: #057DB8; }

.top-introduction-movie .movie-content-link:hover {
  text-decoration: none; }

.top-conversion {
  max-width: 1060px;
  margin: 100px auto 60px;
  padding: 35px 40px;
  background: #00438B;
  border-radius: 8px;
  color: #fff;
  text-align: center; }

.kanjo .top-conversion {
  background-color: #AC257D; }

.kanjo-kobetsu .top-conversion {
  background-color: #f33d42; }

.kanjo-kensetsu .top-conversion {
  background-color: #5a181c; }

.kyuyo .top-conversion {
  background-color: #0075C1; }

.kyuyo_ .top-conversion {
  background-color: #0075C1; }

.saimu .top-conversion {
  background-color: #B963A4; }

.saiken .top-conversion {
  background-color: #EB6D9A; }

.akikura .top-conversion {
  background-color: #006939; }

.akinai .top-conversion {
  background-color: #009140; }

.kura .top-conversion {
  background-color: #5CAF30; }

.jinji .top-conversion {
  background-color: #00A7B7; }

.shugyo .top-conversion {
  background-color: #00438B; }

.hotei .top-conversion {
  background-color: #009ED4; }

.kotei .top-conversion {
  background-color: #5D2976; }

.shinkoku .top-conversion {
  background-color: #e77008; }

.shinkoku-ug .top-conversion {
  background-color: #fb9b00; }

.shinkoku-hc .top-conversion {
  background-color: #e77008; }

.eb-cloud .top-conversion {
  background-color: #021650; }

.edge .top-conversion {
  background-color: #00438b; }

.top-conversion:last-child {
  margin-bottom: 0; }

.top-conversion p {
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5; }

.kanjo-kobetsu .top-conversion .mv-conversion-button,
.shinkoku-ug .top-conversion .mv-conversion-button,
.shinkoku-hc .top-conversion .mv-conversion-button {
  border: 1px solid #fff; }

.top-process {
  margin: 60px auto 0;
  position: relative; }

.attend .top-process {
  max-width: 1140px; }

.top-process-logo {
  width: 250px;
  height: 250px;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none; }

.top-process-header-wrapper {
  display: none; }

.top-process-header-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  color: #00438B;
  letter-spacing: 0.05em; }

.kanjo .top-process-header-title {
  color: #AC257D; }

.kanjo-kobetsu .top-process-header-title {
  color: #f33d42; }

.kanjo-kensetsu .top-process-header-title {
  color: #5a181c; }

.kyuyo .top-process-header-title {
  color: #0075C1; }

.kyuyo_ .top-process-header-title {
  color: #0075C1; }

.saimu .top-process-header-title {
  color: #B963A4; }

.saiken .top-process-header-title {
  color: #EB6D9A; }

.akikura .top-process-header-title {
  color: #006939; }

.akinai .top-process-header-title {
  color: #009140; }

.kura .top-process-header-title {
  color: #5CAF30; }

.jinji .top-process-header-title {
  color: #00A7B7; }

.shugyo .top-process-header-title {
  color: #00438B; }

.hotei .top-process-header-title {
  color: #009ED4; }

.kotei .top-process-header-title {
  color: #5D2976; }

.shinkoku .top-process-header-title {
  color: #e77008; }

.shinkoku-ug .top-process-header-title {
  color: #fb9b00; }

.shinkoku-hc .top-process-header-title {
  color: #e77008; }

.eb-cloud .top-process-header-title {
  color: #021650; }

.edge .top-process-header-title {
  color: #00438b; }

.top-process-content {
  padding-bottom: 50px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/common/index_renew/outline_circle_img_01.png") no-repeat 50% 20%/contain;
  position: relative; }

.top-process-content-body {
  margin-top: 14px;
  padding-left: 40px;
  position: relative; }

.top-process-content .number {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  font-family: 'Barlow','Noto Sans JP',sans-serif;
  color: #00438B;
  position: absolute;
  left: 0;
  top: 0; }

.kanjo .top-process-content .number {
  color: #AC257D; }

.kanjo-kobetsu .top-process-content .number {
  color: #f33d42; }

.kanjo-kensetsu .top-process-content .number {
  color: #5a181c; }

.kyuyo .top-process-content .number {
  color: #0075C1; }

.kyuyo_ .top-process-content .number {
  color: #0075C1; }

.saimu .top-process-content .number {
  color: #B963A4; }

.saiken .top-process-content .number {
  color: #EB6D9A; }

.akikura .top-process-content .number {
  color: #006939; }

.akinai .top-process-content .number {
  color: #009140; }

.kura .top-process-content .number {
  color: #5CAF30; }

.jinji .top-process-content .number {
  color: #00A7B7; }

.shugyo .top-process-content .number {
  color: #00438B; }

.hotei .top-process-content .number {
  color: #009ED4; }

.kotei .top-process-content .number {
  color: #5D2976; }

.shinkoku .top-process-content .number {
  color: #e77008; }

.shinkoku-ug .top-process-content .number {
  color: #fb9b00; }

.shinkoku-hc .top-process-content .number {
  color: #e77008; }

.eb-cloud .top-process-content .number {
  color: #021650; }

.edge .top-process-content .number {
  color: #00438b; }

.top-process-content .tag-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px; }

.top-process-content .tag-list li {
  display: inline-block;
  margin: 4px;
  padding: 8px 10px;
  background: #EEEEEE;
  border-radius: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: 700; }

.top-process-content-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  color: #00438B; }

.kanjo .top-process-content-title {
  color: #AC257D; }

.kanjo-kobetsu .top-process-content-title {
  color: #f33d42; }

.kanjo-kensetsu .top-process-content-title {
  color: #5a181c; }

.kyuyo .top-process-content-title {
  color: #0075C1; }

.kyuyo_ .top-process-content-title {
  color: #0075C1; }

.saimu .top-process-content-title {
  color: #B963A4; }

.saiken .top-process-content-title {
  color: #EB6D9A; }

.akikura .top-process-content-title {
  color: #006939; }

.akinai .top-process-content-title {
  color: #009140; }

.kura .top-process-content-title {
  color: #5CAF30; }

.jinji .top-process-content-title {
  color: #00A7B7; }

.shugyo .top-process-content-title {
  color: #00438B; }

.hotei .top-process-content-title {
  color: #009ED4; }

.kotei .top-process-content-title {
  color: #5D2976; }

.shinkoku .top-process-content-title {
  color: #e77008; }

.shinkoku-ug .top-process-content-title {
  color: #fb9b00; }

.shinkoku-hc .top-process-content-title {
  color: #e77008; }

.eb-cloud .top-process-content-title {
  color: #021650; }

.edge .top-process-content-title {
  color: #00438b; }

.top-process-content-lead {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #00438B; }

.kanjo .top-process-content-lead {
  color: #AC257D; }

.kanjo-kobetsu .top-process-content-lead {
  color: #f33d42; }

.kanjo-kensetsu .top-process-content-lead {
  color: #5a181c; }

.kyuyo .top-process-content-lead {
  color: #0075C1; }

.kyuyo_ .top-process-content-lead {
  color: #0075C1; }

.saimu .top-process-content-lead {
  color: #B963A4; }

.saiken .top-process-content-lead {
  color: #EB6D9A; }

.akikura .top-process-content-lead {
  color: #006939; }

.akinai .top-process-content-lead {
  color: #009140; }

.kura .top-process-content-lead {
  color: #5CAF30; }

.jinji .top-process-content-lead {
  color: #00A7B7; }

.shugyo .top-process-content-lead {
  color: #00438B; }

.hotei .top-process-content-lead {
  color: #009ED4; }

.kotei .top-process-content-lead {
  color: #5D2976; }

.shinkoku .top-process-content-lead {
  color: #e77008; }

.shinkoku-ug .top-process-content-lead {
  color: #fb9b00; }

.shinkoku-hc .top-process-content-lead {
  color: #e77008; }

.eb-cloud .top-process-content-lead {
  color: #021650; }

.edge .top-process-content-lead {
  color: #00438b; }

.top-process-content-box {
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px; }

.top-process-content-desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

.top-process-content-image {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  margin-left: 10px; }

.top-step-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 60px auto; }

.top-step-list-item {
  max-width: calc(20% - 64px);
  -ms-flex: 0 0 calc(20% - 64px);
  flex: 0 0 calc(20% - 64px); }

.top-step-list-item:not(:last-child) {
  position: relative; }

.top-step-list-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 14px solid #00438B;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -47px;
  top: 42px; }

.kanjo .top-step-list-item:not(:last-child)::after {
  border-left-color: #AC257D; }

.kanjo-kobetsu .top-step-list-item:not(:last-child)::after {
  border-left-color: #f33d42; }

.kanjo-kensetsu .top-step-list-item:not(:last-child)::after {
  border-left-color: #5a181c; }

.kyuyo .top-step-list-item:not(:last-child)::after {
  border-left-color: #0075C1; }

.kyuyo_ .top-step-list-item:not(:last-child)::after {
  border-left-color: #0075C1; }

.saimu .top-step-list-item:not(:last-child)::after {
  border-left-color: #B963A4; }

.saiken .top-step-list-item:not(:last-child)::after {
  border-left-color: #EB6D9A; }

.akikura .top-step-list-item:not(:last-child)::after {
  border-left-color: #006939; }

.akinai .top-step-list-item:not(:last-child)::after {
  border-left-color: #009140; }

.kura .top-step-list-item:not(:last-child)::after {
  border-left-color: #5CAF30; }

.jinji .top-step-list-item:not(:last-child)::after {
  border-left-color: #00A7B7; }

.shugyo .top-step-list-item:not(:last-child)::after {
  border-left-color: #00438B; }

.hotei .top-step-list-item:not(:last-child)::after {
  border-left-color: #009ED4; }

.kotei .top-step-list-item:not(:last-child)::after {
  border-left-color: #5D2976; }

.shinkoku .top-step-list-item:not(:last-child)::after {
  border-left-color: #e77008; }

.shinkoku-ug .top-step-list-item:not(:last-child)::after {
  border-left-color: #fb9b00; }

.shinkoku-hc .top-step-list-item:not(:last-child)::after {
  border-left-color: #e77008; }

.eb-cloud .top-step-list-item:not(:last-child)::after {
  border-left-color: #021650; }

.edge .top-step-list-item:not(:last-child)::after {
  border-left-color: #00438b; }

.top-step-list-title {
  margin-bottom: 4px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.20833;
  font-weight: 700;
  color: #00438B;
  font-family: 'Barlow','Noto Sans JP',sans-serif;
  text-align: center; }

.kanjo .top-step-list-title {
  color: #AC257D; }

.kanjo-kobetsu .top-step-list-title {
  color: #f33d42; }

.kanjo-kensetsu .top-step-list-title {
  color: #5a181c; }

.kyuyo .top-step-list-title {
  color: #0075C1; }

.kyuyo_ .top-step-list-title {
  color: #0075C1; }

.saimu .top-step-list-title {
  color: #B963A4; }

.saiken .top-step-list-title {
  color: #EB6D9A; }

.akikura .top-step-list-title {
  color: #006939; }

.akinai .top-step-list-title {
  color: #009140; }

.kura .top-step-list-title {
  color: #5CAF30; }

.jinji .top-step-list-title {
  color: #00A7B7; }

.shugyo .top-step-list-title {
  color: #00438B; }

.hotei .top-step-list-title {
  color: #009ED4; }

.kotei .top-step-list-title {
  color: #5D2976; }

.shinkoku .top-step-list-title {
  color: #e77008; }

.shinkoku-ug .top-step-list-title {
  color: #fb9b00; }

.shinkoku-hc .top-step-list-title {
  color: #e77008; }

.eb-cloud .top-step-list-title {
  color: #021650; }

.edge .top-step-list-title {
  color: #00438b; }

.top-step-list-label {
  display: block;
  padding: 7px;
  margin-bottom: 14px;
  background: #00438B;
  border-radius: 2px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  text-align: center; }

.kanjo .top-step-list-label {
  background-color: #AC257D; }

.kanjo-kobetsu .top-step-list-label {
  background-color: #f33d42; }

.kanjo-kensetsu .top-step-list-label {
  background-color: #5a181c; }

.kyuyo .top-step-list-label {
  background-color: #0075C1; }

.kyuyo_ .top-step-list-label {
  background-color: #0075C1; }

.saimu .top-step-list-label {
  background-color: #B963A4; }

.saiken .top-step-list-label {
  background-color: #EB6D9A; }

.akikura .top-step-list-label {
  background-color: #006939; }

.akinai .top-step-list-label {
  background-color: #009140; }

.kura .top-step-list-label {
  background-color: #5CAF30; }

.jinji .top-step-list-label {
  background-color: #00A7B7; }

.shugyo .top-step-list-label {
  background-color: #00438B; }

.hotei .top-step-list-label {
  background-color: #009ED4; }

.kotei .top-step-list-label {
  background-color: #5D2976; }

.shinkoku .top-step-list-label {
  background-color: #e77008; }

.shinkoku-ug .top-step-list-label {
  background-color: #fb9b00; }

.shinkoku-hc .top-step-list-label {
  background-color: #e77008; }

.eb-cloud .top-step-list-label {
  background-color: #021650; }

.edge .top-step-list-label {
  background-color: #00438b; }

.top-step-list-desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

.top-businesslist-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -30px; }

.top-businesslist-content-item {
  width: 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  padding: 0 20px 30px;
  text-align: center; }

.top-businesslist-content-item figure {
  margin: 0 auto 10px; }

.top-businesslist-body {
  display: none; }

.top-businesslist-body .top-businesslist-content {
  margin-top: 30px; }

.top-businesslist-footer {
  margin-top: 40px; }

.top-businesslist-name {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.38462; }

.c-flex02.bg-white {
  background: #fff; }

.c-flex02.is-align--center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.c-button-border.--more::after {
  top: 40%;
  transform: rotate(45deg) translate(50%, 0); }

.c-button-border.--more.-is-open {
  background: #666;
  border-color: #666;
  font-size: 0;
  color: #fff;
  transition: opacity 0.4s; }

.c-button-border.--more.-is-open::before {
  content: "閉じる";
  font-size: 16px; }

.c-button-border.--more.-is-open::after {
  border-color: #fff;
  transform: rotate(45deg) translate(50%, 0) scale(-1, -1); }

.c-button-border.--more.-is-open:hover {
  opacity: 0.7; }

.top-price-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px;
  text-align: center; }

.top-price-table thead th {
  vertical-align: middle;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.47059;
  letter-spacing: 0.1em; }

.top-price-table thead th small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  letter-spacing: 0; }

.top-price-table thead th span.label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: normal; }

.top-price-table thead th:first-child {
  width: 137px; }

.kanjo .top-price-table thead th {
  color: #AC257D; }

.kanjo-kobetsu .top-price-table thead th {
  color: #f33d42; }

.kanjo-kensetsu .top-price-table thead th {
  color: #5a181c; }

.kyuyo .top-price-table thead th {
  color: #0075C1; }

.saimu .top-price-table thead th {
  color: #B963A4; }

.saiken .top-price-table thead th {
  color: #EB6D9A; }

.akikura .top-price-table thead th {
  color: #006939; }

.akinai .top-price-table thead th {
  color: #009140; }

.kura .top-price-table thead th {
  color: #5CAF30; }

.jinji .top-price-table thead th {
  color: #00A7B7; }

.shugyo .top-price-table thead th {
  color: #00438B; }

.hotei .top-price-table thead th {
  color: #009ED4; }

.kotei .top-price-table thead th {
  color: #5D2976; }

.shinkoku .top-price-table thead th {
  color: #e77008; }

.shinkoku-ug .top-price-table thead th {
  color: #fb9b00; }

.shinkoku-hc .top-price-table thead th {
  color: #e77008; }

.eb-cloud .top-price-table thead th {
  color: #021650; }

.top-price-table tbody th {
  padding: 11px 10px;
  background: #E5E5E5;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  vertical-align: middle; }

.top-price-table tbody td {
  padding: 8px 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.46667;
  vertical-align: middle;
  background-color: #F7F7F7; }

.kanjo .top-price-table tbody td.color {
  background-color: #F9E8F4; }

.akikura .top-price-table tbody td.color {
  background-color: #E0EFDD; }

.kyuyo .top-price-table tbody td.color {
  background-color: #DDEEF9; }

.shinkoku-ug .top-price-table tbody td.color {
  background-color: #FFF3D6; }

.shinkoku-hc .top-price-table tbody td.color {
  background-color: #FFF0DE; }

.kyuyo .top-price-table tbody td.color {
  background-color: #FFF0DE; }

.kyuyo .top-price-table tbody td.color {
  background-color: #DDEEF9; }

.top-price-table tbody td .small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857; }

.top-price-table tbody td .middle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5; }

.top-price-table tbody td .large {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.5; }

.price .top-price-table thead th {
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0; }

.price .top-price-table thead th.text span {
  display: inline-block;
  margin: 0 15px; }

.price .constitution {
  margin-top: 0; }

.price .constitution h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600; }

.price .constitution h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600; }

.price .constitution .c-box--white {
  padding: 20px; }

.price .constitution .c-box--white strong {
  font-size: 22px;
  font-size: 1.375rem; }

.price .constitution .usagefee dt {
  margin-bottom: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  color: #6f6f6f; }

.price .constitution .usagefee dd strong {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.42857; }

img[src*=\/210331_seihin_w860\.png] {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 768px){
  .p-hero-content, .p-hero-content.center{
    padding: 0 30px;
    text-align: center; }
  .p-hero-body .logo{
    margin-right: auto;
    margin-left: auto; }
  .p-hero-footer{
    width: 80%;
    max-width: 400px;
    margin: auto;
    position: static;
    transform: translate(0, 0); }
  .p-hero-lead{
    margin-top: 16px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.52381; }
  .p-hero .itca02{
    width: 165px; }
  .top-introduction-movie{
    margin: 36px 0 24px; }
  .kanjo-kobetsu .top-introduction-movie .movie-content-body,
  .kanjo-kensetsu .top-introduction-movie .movie-content-body,
  .shinkoku-hc .top-introduction-movie .movie-content-body,
  .shinkoku-ug .top-introduction-movie .movie-content-body{
    width: calc(100% - 30px); }
  .h-info .top-introduction-movie .movie-content-body{
    width: calc(100% - 30px); }
  .top-introduction-movie .movie-content-body{
    max-width: 330px;
    width: calc(100% - 30px);
    margin: 0 auto -30px;
    padding: 12px 16px;
    position: relative;
    top: -30px; }
  .top-introduction-movie .movie-content-label{
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.28571; }
  .top-introduction-movie .movie-content-title{
    margin-top: 6px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5; }
  .top-conversion{
    max-width: calc(100vw - 40px);
    margin: 60px auto 24px;
    padding: 16px; }
  .top-conversion .inner{
    padding: 0; }
  .top-conversion p{
    margin-bottom: 6px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125; }
  .top-process{
    margin: 36px auto 0; }
  .top-process-logo{
    width: 140px;
    height: 140px; }
  .top-process-header{
    max-width: 335px;
    margin: 0 auto 60px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/common/index_renew/outline_circle_img_01.png") no-repeat 50% 50%/contain;
    position: relative; }
  .top-process-header-wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .top-process-header-wrapper:nth-child(n+2){
    margin-top: 40px; }
  .top-process-header-wrapper.-reverse{
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .top-process-header-item{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 143px;
    height: 147px;
    -ms-flex: 0 0 143px;
    flex: 0 0 143px;
    text-align: center; }
  .top-process-header .number{
    margin-bottom: 3px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 700;
    font-family: 'Barlow','Noto Sans JP',sans-serif;
    color: #00438B; }
  .kanjo .top-process-header .number{
    color: #AC257D; }
  .kanjo-kobetsu .top-process-header .number{
    color: #f33d42; }
  .kanjo-kensetsu .top-process-header .number{
    color: #5a181c; }
  .kyuyo .top-process-header .number{
    color: #0075C1; }
  .kyuyo_ .top-process-header .number{
    color: #0075C1; }
  .saimu .top-process-header .number{
    color: #B963A4; }
  .saiken .top-process-header .number{
    color: #EB6D9A; }
  .akikura .top-process-header .number{
    color: #006939; }
  .akinai .top-process-header .number{
    color: #009140; }
  .kura .top-process-header .number{
    color: #5CAF30; }
  .jinji .top-process-header .number{
    color: #00A7B7; }
  .shugyo .top-process-header .number{
    color: #00438B; }
  .hotei .top-process-header .number{
    color: #009ED4; }
  .kotei .top-process-header .number{
    color: #5D2976; }
  .shinkoku .top-process-header .number{
    color: #e77008; }
  .shinkoku-ug .top-process-header .number{
    color: #fb9b00; }
  .shinkoku-hc .top-process-header .number{
    color: #e77008; }
  .edge .top-process-header .number{
    color: #00438b; }
  .top-process-content{
    margin-bottom: -40px;
    padding-bottom: 0;
    background: none; }
  .top-process-content-item{
    margin: 0 -20px;
    padding: 40px 16px 60px; }
  .top-process-content-item:nth-child(1){
    background: #F7F7F7; }
  .top-process-content-body{
    margin-top: 15px;
    padding-left: 30px; }
  .top-process-content .number{
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    left: 2px; }
  .top-process-content .tag-list{
    margin: -3px; }
  .top-process-content .tag-list li{
    margin: 3px;
    padding: 8px;
    color: #00438B; }
  .kanjo .top-process-content .tag-list li{
    color: #AC257D; }
  .kanjo-kobetsu .top-process-content .tag-list li{
    color: #f33d42; }
  .kanjo-kensetsu .top-process-content .tag-list li{
    color: #5a181c; }
  .kyuyo .top-process-content .tag-list li{
    color: #0075C1; }
  .kyuyo_ .top-process-content .tag-list li{
    color: #0075C1; }
  .saimu .top-process-content .tag-list li{
    color: #B963A4; }
  .saiken .top-process-content .tag-list li{
    color: #EB6D9A; }
  .akikura .top-process-content .tag-list li{
    color: #006939; }
  .akinai .top-process-content .tag-list li{
    color: #009140; }
  .kura .top-process-content .tag-list li{
    color: #5CAF30; }
  .jinji .top-process-content .tag-list li{
    color: #00A7B7; }
  .shugyo .top-process-content .tag-list li{
    color: #00438B; }
  .hotei .top-process-content .tag-list li{
    color: #009ED4; }
  .kotei .top-process-content .tag-list li{
    color: #5D2976; }
  .shinkoku .top-process-content .tag-list li{
    color: #e77008; }
  .shinkoku-ug .top-process-content .tag-list li{
    color: #fb9b00; }
  .shinkoku-hc .top-process-content .tag-list li{
    color: #e77008; }
  .edge .top-process-content .tag-list li{
    color: #00438b; }
  .top-process-content-title{
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.45; }
  .top-process-content-lead{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75; }
  .top-process-content-image{
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    margin-left: 5px; }
  .top-step-list{
    margin: 32px auto 48px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .top-step-list-item{
    max-width: calc(50% - 12px);
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px); }
  .top-step-list-item:nth-child(n+3){
    margin-top: 30px; }
  .top-step-list-item:not(:last-child)::after{
    border-left-width: 10px;
    border-top-width: 6px;
    border-bottom-width: 6px;
    right: -17px; }
  .top-businesslist-content{
    margin: 0 -5px -20px; }
  .top-businesslist-content-item{
    width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 5px 20px; }
  .top-businesslist-body .top-businesslist-content{
    margin-top: 20px; }
  .c-flex02.is-align--center{
    display: block;
    text-align: center; }
  .c-button-border.--more.-is-open::before{
    font-size: 14px; }
  .kanjo .price .p-scroll-table > table.top-price-table,
  .kyuyo .price .p-scroll-table > table.top-price-table,
  .akikura .price .p-scroll-table > table.top-price-table,
  .jinji .price .p-scroll-table > table.top-price-table,
  .hotei .price .p-scroll-table > table.top-price-table{
    min-width: 1024px; }
  .kotei .price .p-scroll-table > table.top-price-table{
    min-width: 960px; }
  .price .c-flex-wrap .usagefee dd{
    text-align: center; } }

@media screen and (min-width: 769px){
  .p-hero .aside .banner{ background-color: #fff; }
  .top-process-logo .labor{
    width: 230px;
    height: 230px; }
  .attend .top-process-logo{
    width: 276px;
    height: 276px; }
  .top-process-content-wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .top-process-content-wrapper:nth-child(n+2){
    margin-top: 100px; }
  .top-process-content-wrapper.-reverse{
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .top-process-content-item{
    max-width: 460px;
    -ms-flex: 0 0 460px;
    flex: 0 0 460px; }
  .top-step-list-item:first-child{
    padding-left: 0; }
  .top-step-list-item:last-child{
    padding-right: 0; }

  .top-step-list-item_04 {
  max-width: calc(25% - 58px);
  -ms-flex: 0 0 calc(25% - 58px);
  flex: 0 0 calc(25% - 58px); }
}