@import url("https://fonts.googleapis.com/css?family=Oswald&display=swap");

@charset "UTF-8";
.c-flex-column-half {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex: 1;
  flex: 1; }

.u-opacity, .global .logo a, .l-consultation-button {
  opacity: 1;
  transition: opacity 0.3s; }

.u-opacity:hover, .global .logo a:hover, .l-consultation-button:hover {
  opacity: 0.7; }

.c-head:first-child, .c-head--small:first-child, .c-lead:first-child, .c-flex-wrap:first-child, .l-consultation-head:first-child, .l-consultation-lead:first-child {
  margin-top: 0; }

.c-head:last-child, .c-head--small:last-child, .c-lead:last-child, .c-flex-wrap:last-child, .l-consultation-head:last-child, .l-consultation-lead:last-child {
  margin-bottom: 0; }

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

object

-------------------------------------------- */
.c-head, .c-head--small {
  margin-bottom: 95px;
  font-size: 4.375rem;
  color: #00418e;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: 'Oswald', sans-serif; }

.c-head--small {
  font-size: 4rem; }

.c-head small, .c-head--small small {
  display: block;
  margin-top: 40px;
  letter-spacing: 0.2em;
  color: #000;
  font-size: 1rem;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

.c-lead {
  margin-bottom: 35px;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.25em;
  color: #00418e; }

.c-button {
  display: block;
  width: 100%;
  margin: auto;
  padding: 20px 30px;
  max-width: 360px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  background: #ff8c28;
  border-radius: 100px;
  font-family: 'sawarabi', 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', 'Noto Sans JP', sans-serif;
  transition: 0.3s; }

.c-button i {
  margin-right: 5px;
  font-size: 23px;
  vertical-align: text-bottom; }

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

.c-button span {
  display: inline-block;
  padding-bottom: 25px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/arrow_bottom.svg") no-repeat center bottom/21px 19px; }

/* 汎用カラムレイアウト
---------------------------------------- */
.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-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; }

/* 2カラムレイアウト（余白なし）
---------------------------------------- */
.c-flex-column-half > * {
  width: 50%; }

.is-red {
  color: #e88738; }

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

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

hr.white {
  background: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

font

-------------------------------------------- */
@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; }

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

header

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

footer

-------------------------------------------- */
.l-footer {
  padding: 16px 0;
  background: #00418e; }

.l-footer .inner {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px; }

.l-footer .logo img {
  width: 60px;
  height: 24px; }

.l-footer .copyright {
  font-size: 0.625rem;
  line-height: 1;
  color: #fff; }

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

contents

-------------------------------------------- */
.l-section {
  padding: 150px 0;
  position: relative; }

.l-section > * {
  position: relative;
  z-index: 2; }

.inner {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  z-index: 2; }

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

        style reset

====================================================*/
body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 2;
  font-weight: 600;
  background: #ebf0f4; }

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

        edge

====================================================*/
hr {
  display: block;
  margin: 140px 0;
  padding: 0;
  height: 2px;
  border: none;
  background: #00418e; }

.l-section.p-feature,
.l-section.p-security {
  background: #ebf0f4;
  color: #fff; }

.l-section.p-feature .c-head, .l-section.p-feature .c-head--small,
.l-section.p-feature .c-head--small,
.l-section.p-security .c-head,
.l-section.p-security .c-head--small,
.l-section.p-security .c-head--small {
  color: #fff; }

.l-section.p-feature .c-head small, .l-section.p-feature .c-head--small small,
.l-section.p-feature .c-head--small small,
.l-section.p-security .c-head small,
.l-section.p-security .c-head--small small,
.l-section.p-security .c-head--small small {
  color: #fff; }

.l-section.p-feature:after,
.l-section.p-security:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #00418e;
  border-radius: 290px 0 0 0;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0; }

.l-section.p-lineup,
.l-section.other {
  background: #00418e; }

.l-section.p-lineup:after,
.l-section.other:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #ebf0f4;
  border-radius: 0 290px 0 0;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0; }

.fade {
  opacity: 0;
  transition: opacity 1.6s; }

.fade.animate {
  opacity: 1; }

/*------------------------
--------------------------
-------------------------*/
.p-main {
  height: calc(100vh - 80px);
  min-height: 700px;
  max-height: 1000px;
  padding: 300px 0 120px;
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_top.svg"), url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_top.png");
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
  background-position: 0 0, 110px 0;
  position: relative; }

.p-main:before {
  content: "";
  display: block;
  width: 114px;
  height: 254px;
  margin: auto;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/txt_edge.svg") no-repeat 0 0/contain;
  position: absolute;
  right: 50%;
  left: 0;
  bottom: 30px; }

.p-main .inner {
  padding: 0;
  max-width: 100%;
  text-align: right;
  color: #fff;
  position: absolute;
  right: 80px;
  bottom: 115px; }

.p-main .bland {
  position: absolute;
  right: 25px;
  top: 27px; }

.p-main .lead {
  margin-bottom: 80px;
  font-size: 3.4375rem;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  font-weight: 600;
  letter-spacing: 0.3em;
  line-height: 1.5; }

.p-main .logo .copy {
  margin-bottom: 20px;
  font-size: 0.9375rem;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.15em; }

.p-main .logo svg {
  width: 310px;
  height: 52px; }

.p-main .download-banner {
  display: none; }

.global {
  background: #fff;
  box-shadow: 0 -5px 5px 5px rgba(0, 0, 0, 0.3); }

.global .global-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.global .logo {
  padding: 18px 0 23px 24px; }

.global .menu {
  display: none; }

.global .navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.global ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.875rem; }

.global ul li {
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
  padding-right: 30px;
  position: relative; }

.global ul li.u-only--lg {
  display: -ms-flexbox !important;
  display: flex !important; }

.feature .global ul li:nth-child(1) span:after {
  background: #00418e; }

.lineup .global ul li:nth-child(1) span:after {
  background: transparent; }

.lineup .global ul li:nth-child(2) span:after {
  background: #00418e; }

.security-support .global ul li:nth-child(1) span:after,
.security-support .global ul li:nth-child(2) span:after {
  background: transparent; }

.security-support .global ul li:nth-child(3) span:after {
  background: #00418e; }

.other .global ul li:nth-child(1) span:after,
.other .global ul li:nth-child(2) span:after,
.other .global ul li:nth-child(3) span:after,
.other .global ul li:nth-child(4) span:after,
.other .global ul li:nth-child(5) span:after {
  background: transparent; }

.other .global ul li:nth-child(6) span:after {
  background: #00418e; }

.global ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 1.2em;
  margin: auto;
  background: #c8c8c8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; }

.global ul li span {
  position: relative; }

.global ul li span:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: -8px;
  transition: background 0.2s; }

.global ul li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  transition: opacity 0.3s; }

.global ul li a:hover {
  opacity: 0.3; }

.global .download-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.global .download {
  display: block;
  margin: 0 10px 0 30px;
  padding: 13px 50px;
  background: #ff8c28;
  border-radius: 30px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  transition: opacity 0.3s;
  font-family: 'sawarabi', 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', 'Noto Sans JP', sans-serif; }

.global .download i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: text-bottom; }

.global .download:hover {
  opacity: 0.7; }

.global .download span {
  padding-bottom: 25px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/arrow_bottom.svg") no-repeat center bottom/17px 16px;
  line-height: 1.3; }

.p-top {
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_outline.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 0;
  overflow: hidden; }

.p-top .inner:before {
  content: "";
  display: block;
  width: 681px;
  height: 496px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/il_outline.png") no-repeat 0 0/contain;
  position: absolute;
  right: -80px;
  top: 20px; }

.p-top p {
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  line-height: 2.2; }

.p-top p + p {
  margin-top: 32px; }

.p-feature .title {
  margin-bottom: 45px;
  text-align: center;
  font-size: 1.0625rem;
  letter-spacing: 0.15em; }

.p-feature .title span {
  display: block;
  margin-bottom: 30px; }

.p-feature figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px; }

.p-feature .desc {
  font-size: 0.875rem;
  letter-spacing: 0.12em;
  line-height: 1.8; }

.p-lineup .lineup-slide {
  position: relative;
  padding-top: 110px;
  z-index: 9; }

.p-lineup .lineup-slide-nav {
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  width: 100%;
  min-width: 1280px; }

.p-lineup .lineup-slide-nav__item {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 15px 20px;
  font-size: 0.8125rem;
  text-align: center;
  position: relative;
  transition: background 0.2s;
  cursor: pointer; }

.p-lineup .lineup-slide-nav__item figure .normal {
  display: block; }

.p-lineup .lineup-slide-nav__item figure .active {
  display: none; }

.p-lineup .lineup-slide-nav__item p {
  margin-top: 10px;
  color: #00418e;
  transition: color 0.2s; }

.p-lineup .lineup-slide-nav__item p br {
  display: none; }

.p-lineup .lineup-slide-nav__item.mental p {
  letter-spacing: -0.05em;
  white-space: nowrap; }

.p-lineup .lineup-slide-nav__item:hover {
  background: #dce6f0; }

.p-lineup .lineup-slide-nav__item:hover:after {
  display: none; }

.p-lineup .lineup-slide-nav__item:last-child:after {
  display: none; }

.p-lineup .lineup-slide-nav__item:after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  background: #ddd;
  position: absolute;
  right: 0;
  top: 20%; }

.p-lineup .lineup-slide-content {
  padding: 80vh 0 0;
  position: relative; }

.p-lineup .lineup-slide-content .scrollmagic-pin-spacer {
  padding: 0 !important; }

.p-lineup .lineup-slide-content .logo {
  display: block;
  width: 510px;
  height: 51px;
  margin-bottom: 45px; }

.p-lineup .lineup-slide-content .logo img {
  width: auto;
  height: 100%; }

.p-lineup .lineup-slide-content .lead {
  margin: 1em auto;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.08em; }

.p-lineup .lineup-slide-content .lead:first-child {
  margin-top: 0; }

.p-lineup .lineup-slide-content .lead:last-child {
  margin-bottom: 0; }

.p-lineup .lineup-slide-content .title {
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #00418e;
  line-height: 1.5; }

.p-lineup .lineup-slide-content .list {
  margin-bottom: 5px;
  padding-left: 22px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.9;
  position: relative; }

.p-lineup .lineup-slide-content .list:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 6px solid transparent;
  border-left: 10px solid #00418e;
  position: absolute;
  left: 0;
  top: 0.6em; }

.p-lineup .lineup-slide-content dl dd {
  margin-bottom: 20px; }

.p-lineup .lineup-slide-content dl dd:last-child {
  margin-bottom: 0; }

.p-security .security-list {
  padding: 0 50px; }

.p-security .security-list__item:nth-child(1) {
  padding-right: 80px;
  border-right: 1px solid #fff; }

.p-security .security-list__item:nth-child(2) {
  padding-left: 80px; }

.p-security .security-list figure {
  text-align: center; }

.p-security .security-list .title {
  margin: 40px auto 30px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center; }

.p-security .security-list p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.125em; }

.p-other .other-lead {
  margin-bottom: 60px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #00418e;
  text-align: center;
  line-height: 2.1; }

.p-other__item {
  padding: 50px 24px 24px;
  border-radius: 4px;
  background: #fff;
  position: relative; }

.kyuyo .p-other__item .logo {
  border-bottom-color: #0075C1; }

.kyuyo .p-other__item .category {
  background-color: #0075C1; }

.jinji .p-other__item .logo {
  border-bottom-color: #00A7B7; }

.jinji .p-other__item .category {
  background-color: #00A7B7; }

.houteichosyo .p-other__item .logo {
  border-bottom-color: #009ED4; }

.houteichosyo .p-other__item .category {
  background-color: #009ED4; }

.p-other__item a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.p-other .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 30px;
  border-bottom: 5px solid #00438c; }

.p-other .category {
  display: inline-block;
  margin: auto;
  padding: 5px 8px;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 24px;
  top: 0; }

.p-other div.category {
  padding: 0; }

.p-other div.category span {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 8px;
  background-color: #00438c; }

.p-other .desc {
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 0.875rem; }

.p-other .desc + .notice {
  margin-top: -20px; }

.p-other .notice {
  display: block;
  margin-bottom: 5px;
  font-size: 0.75rem;
  color: #898989;
  text-align: right; }

.p-other .button, .p-other .button--sm, .p-other .button--long, .p-other .button--middle, .p-other .button--short, .p-other .button-border, .p-other .button-border--sm, .p-other .button-border--long, .p-other .button-border--short {
  display: block;
  width: 100%;
  margin: auto;
  max-width: 350px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center; }

.p-other .right.button, .p-other .right.button--sm, .p-other .right.button--long, .p-other .right.button--middle, .p-other .right.button--short, .p-other .right.button-border, .p-other .right.button-border--sm, .p-other .right.button-border--long, .p-other .right.button-border--short {
  margin-right: 0; }

.p-other .left.button, .p-other .left.button--sm, .p-other .left.button--long, .p-other .left.button--middle, .p-other .left.button--short, .p-other .left.button-border, .p-other .left.button-border--sm, .p-other .left.button-border--long, .p-other .left.button-border--short {
  margin-left: 0; }

.p-other .none.button, .p-other .none.button--sm, .p-other .none.button--long, .p-other .none.button--middle, .p-other .none.button--short, .p-other .none.button-border, .p-other .none.button-border--sm, .p-other .none.button-border--long, .p-other .none.button-border--short {
  cursor: default;
  opacity: 0.5; }

.p-other .button:after, .p-other .button--sm:after, .p-other .button--long:after, .p-other .button--middle:after, .p-other .button--short:after, .p-other .button-border:after, .p-other .button-border--sm:after, .p-other .button-border--long:after, .p-other .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: relative;
  top: 50%; }

.p-other .button, .p-other .button--sm, .p-other .button--long, .p-other .button--middle, .p-other .button--short {
  padding: 16px;
  background: #057DB8;
  border: 2px solid #057DB8;
  color: #fff;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s; }

.p-other .button:after, .p-other .button--sm:after, .p-other .button--long:after, .p-other .button--middle:after, .p-other .button--short:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.p-other .button:hover, .p-other .button--sm:hover, .p-other .button--long:hover, .p-other .button--middle:hover, .p-other .button--short:hover {
  background: #046392;
  border-color: #046392; }

.p-other .button.none:hover, .p-other .none.button--sm:hover, .p-other .none.button--long:hover, .p-other .none.button--middle:hover, .p-other .none.button--short:hover {
  background: #057DB8; }

.p-other .button.gray, .p-other .gray.button--sm, .p-other .gray.button--long, .p-other .gray.button--middle, .p-other .gray.button--short {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: #000;
  opacity: 0.5; }

.p-other .button.gray:after, .p-other .gray.button--sm:after, .p-other .gray.button--long:after, .p-other .gray.button--middle:after, .p-other .gray.button--short:after {
  display: none; }

.p-other .button--sm {
  max-width: 256px;
  padding: 8px 15px; }

.p-other .button--long {
  max-width: 500px; }

.p-other .button--middle {
  max-width: 400px; }

.p-other .button--short {
  max-width: 300px; }

.p-other .button.download:after, .p-other .download.button--sm:after, .p-other .download.button--long:after, .p-other .download.button--middle:after, .p-other .download.button--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-left: 10px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/common/icon_download.svg") no-repeat 0 0/contain;
  transform: none; }

.p-other .button-border, .p-other .button-border--sm, .p-other .button-border--long, .p-other .button-border--short {
  padding: 13px 13px 13px 23px;
  background: transparent;
  border: 2px solid #057DB8;
  color: #057DB8;
  border-radius: 50px;
  transition: background 0.2s, border 0.2s; }

.p-other .button-border:after, .p-other .button-border--sm:after, .p-other .button-border--long:after, .p-other .button-border--short:after {
  transition: border-color 0.2s; }

.p-other .button-border:hover, .p-other .button-border--sm:hover, .p-other .button-border--long:hover, .p-other .button-border--short:hover {
  color: #fff;
  border-color: #046392;
  background: #046392; }

.p-other .button-border:hover:after, .p-other .button-border--sm:hover:after, .p-other .button-border--long:hover:after, .p-other .button-border--short:hover:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.p-other .button-border.none:hover, .p-other .none.button-border--sm:hover, .p-other .none.button-border--long:hover, .p-other .none.button-border--short:hover {
  color: #057DB8;
  border-color: #057DB8;
  background: #fff; }

.p-other .button-border.none:hover:after, .p-other .none.button-border--sm:hover:after, .p-other .none.button-border--long:hover:after, .p-other .none.button-border--short:hover:after {
  border-right-color: #057DB8;
  border-bottom-color: #057DB8; }

.p-other .button-border.download:after, .p-other .download.button-border--sm:after, .p-other .download.button-border--long:after, .p-other .download.button-border--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-left: 10px;
  background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/common/icon_download02.svg") no-repeat 0 0/contain;
  transform: none; }

.p-other .button-border.download:hover:after, .p-other .download.button-border--sm:hover:after, .p-other .download.button-border--long:hover:after, .p-other .download.button-border--short:hover:after {
  background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/common/icon_download.svg"); }

.p-other .button-border--sm {
  max-width: 256px;
  padding: 8px 15px; }

.p-other .button-border--long {
  max-width: 500px; }

.p-other .button-border--short {
  max-width: 300px; }

.l-consultation {
  padding: 60px 0 70px;
  background-color: #006598;
  background-image: url(//www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_top.png);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  text-align: center;
  font-family: 'sawarabi', 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', 'Noto Sans JP', sans-serif; }

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

.l-consultation-lead {
  margin: 15px auto;
  font-size: 1.125rem;
  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: #FF8C2A;
  border-radius: 100px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: normal; }

.l-consultation-button i {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.4375rem;
  vertical-align: text-bottom; }

.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; }

/* ------------------
*
* slick.css
*
-------------------- */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@media screen and (max-width: 768px){
  .c-head:first-child, .c-head--small:first-child, .c-lead:first-child, .c-flex-wrap:first-child, .l-consultation-head:first-child, .l-consultation-lead:first-child{
    margin-top: 0; }
  .c-head:last-child, .c-head--small:last-child, .c-lead:last-child, .c-flex-wrap:last-child, .l-consultation-head:last-child, .l-consultation-lead:last-child{
    margin-bottom: 0; }
  .c-head, .c-head--small{
    margin-bottom: 60px;
    font-size: 2.25rem; }
  .c-head img, .c-head--small img{
    width: auto;
    height: 45px; }
  .c-head small, .c-head--small small{
    margin-top: 30px;
    font-size: 0.875rem;
    line-height: 1.56; }
  .c-lead{
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.7; }
  .c-button{
    padding: 16px 20px 15px;
    max-width: 350px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.2; }
  .c-button i{
    font-size: 20px; }
  .c-button span{
    padding-bottom: 22px;
    background-size: 15px 14px; }
  .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%; }
  .u-only--lg, .u-only-inline--lg{
    display: none !important; }
  .u-only--sm{
    display: block !important; }
  .u-only-inline--sm{
    display: inline-block !important; }
  .u-fontsize--tiny--sm{
    font-size: 82% !important; }
  .u-fontsize--small--sm{
    font-size: 93% !important; }
  .u-fontsize--large--sm{
    font-size: 107% !important; }
  .u-fontsize--huge--sm{
    font-size: 113% !important; }
  .u-align--center--sm{
    text-align: center !important; }
  .u-align--left--sm{
    text-align: left !important; }
  .u-align--right--sm{
    text-align: right !important; }
  .u-valign--baseline--sm{
    vertical-align: baseline !important; }
  .u-valign--top--sm{
    vertical-align: top !important; }
  .u-valign--middle--sm{
    vertical-align: middle !important; }
  .u-valign--bottom--sm{
    vertical-align: bottom !important; }
  .u-valign--text--sm-bottom{
    vertical-align: text-bottom !important; }
  .u-valign--text--sm-top{
    vertical-align: text-top !important; }
  .u-display--none--sm{
    display: none !important; }
  .u-display--inline--sm{
    display: inline !important; }
  .u-display--inline--sm-block{
    display: inline-block !important; }
  .u-display--block--sm{
    display: block !important; }
  .u-display--table--sm{
    display: table !important; }
  .u-display--table--sm-cell{
    display: table-cell !important; }
  .u-display--flex--sm{
    display: -ms-flexbox !important;
    display: flex !important; }
  .u-display--inline--sm-flex{
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .u-float--left--sm{
    float: left !important; }
  .u-float--right--sm{
    float: right !important; }
  .u-float--none--sm{
    float: none !important; }
  .u-position--relative--sm{
    position: relative !important; }
  .u-position--absolute--sm{
    position: absolute !important; }
  .u-position--static--sm{
    position: static !important; }
  .u-row--tt{
    margin-top: 10px; }
  .u-row--tb{
    margin-bottom: 10px; }
  .u-row--st{
    margin-top: 20px; }
  .u-row--sb{
    margin-bottom: 20px; }
  .u-row--mt{
    margin-top: 30px; }
  .u-row--mb{
    margin-bottom: 30px; }
  .u-row--lt{
    margin-top: 40px; }
  .u-row--lb{
    margin-bottom: 40px; }
  .u-row--ht{
    margin-top: 50px; }
  .u-row--hb{
    margin-bottom: 50px; }
  .u-row--tt--sm{
    margin-top: 15px; }
  .u-row--tb--sm{
    margin-bottom: 15px; }
  .u-row--st--sm{
    margin-top: 20px; }
  .u-row--sb--sm{
    margin-bottom: 20px; }
  .u-row--mt--sm{
    margin-top: 40px; }
  .u-row--mb--sm{
    margin-bottom: 40px; }
  .u-row--lt--sm{
    margin-top: 50px; }
  .u-row--lb--sm{
    margin-bottom: 50px; }
  .u-row--ht--sm{
    margin-top: 60px; }
  .u-row--hb--sm{
    margin-bottom: 60px; }
  .u--wid--sm0{
    width: 0px !important; }
  .u--widp--sm0{
    width: 0% !important; }
  .u--wid--sm1{
    width: 1px !important; }
  .u--widp--sm1{
    width: 1% !important; }
  .u--wid--sm2{
    width: 2px !important; }
  .u--widp--sm2{
    width: 2% !important; }
  .u--wid--sm3{
    width: 3px !important; }
  .u--widp--sm3{
    width: 3% !important; }
  .u--wid--sm4{
    width: 4px !important; }
  .u--widp--sm4{
    width: 4% !important; }
  .u--wid--sm5{
    width: 5px !important; }
  .u--widp--sm5{
    width: 5% !important; }
  .u--wid--sm6{
    width: 6px !important; }
  .u--widp--sm6{
    width: 6% !important; }
  .u--wid--sm7{
    width: 7px !important; }
  .u--widp--sm7{
    width: 7% !important; }
  .u--wid--sm8{
    width: 8px !important; }
  .u--widp--sm8{
    width: 8% !important; }
  .u--wid--sm9{
    width: 9px !important; }
  .u--widp--sm9{
    width: 9% !important; }
  .u--wid--sm10{
    width: 10px !important; }
  .u--widp--sm10{
    width: 10% !important; }
  .u--wid--sm11{
    width: 11px !important; }
  .u--widp--sm11{
    width: 11% !important; }
  .u--wid--sm12{
    width: 12px !important; }
  .u--widp--sm12{
    width: 12% !important; }
  .u--wid--sm13{
    width: 13px !important; }
  .u--widp--sm13{
    width: 13% !important; }
  .u--wid--sm14{
    width: 14px !important; }
  .u--widp--sm14{
    width: 14% !important; }
  .u--wid--sm15{
    width: 15px !important; }
  .u--widp--sm15{
    width: 15% !important; }
  .u--wid--sm16{
    width: 16px !important; }
  .u--widp--sm16{
    width: 16% !important; }
  .u--wid--sm17{
    width: 17px !important; }
  .u--widp--sm17{
    width: 17% !important; }
  .u--wid--sm18{
    width: 18px !important; }
  .u--widp--sm18{
    width: 18% !important; }
  .u--wid--sm19{
    width: 19px !important; }
  .u--widp--sm19{
    width: 19% !important; }
  .u--wid--sm20{
    width: 20px !important; }
  .u--widp--sm20{
    width: 20% !important; }
  .u--wid--sm21{
    width: 21px !important; }
  .u--widp--sm21{
    width: 21% !important; }
  .u--wid--sm22{
    width: 22px !important; }
  .u--widp--sm22{
    width: 22% !important; }
  .u--wid--sm23{
    width: 23px !important; }
  .u--widp--sm23{
    width: 23% !important; }
  .u--wid--sm24{
    width: 24px !important; }
  .u--widp--sm24{
    width: 24% !important; }
  .u--wid--sm25{
    width: 25px !important; }
  .u--widp--sm25{
    width: 25% !important; }
  .u--wid--sm26{
    width: 26px !important; }
  .u--widp--sm26{
    width: 26% !important; }
  .u--wid--sm27{
    width: 27px !important; }
  .u--widp--sm27{
    width: 27% !important; }
  .u--wid--sm28{
    width: 28px !important; }
  .u--widp--sm28{
    width: 28% !important; }
  .u--wid--sm29{
    width: 29px !important; }
  .u--widp--sm29{
    width: 29% !important; }
  .u--wid--sm30{
    width: 30px !important; }
  .u--widp--sm30{
    width: 30% !important; }
  .u--wid--sm31{
    width: 31px !important; }
  .u--widp--sm31{
    width: 31% !important; }
  .u--wid--sm32{
    width: 32px !important; }
  .u--widp--sm32{
    width: 32% !important; }
  .u--wid--sm33{
    width: 33px !important; }
  .u--widp--sm33{
    width: 33% !important; }
  .u--wid--sm34{
    width: 34px !important; }
  .u--widp--sm34{
    width: 34% !important; }
  .u--wid--sm35{
    width: 35px !important; }
  .u--widp--sm35{
    width: 35% !important; }
  .u--wid--sm36{
    width: 36px !important; }
  .u--widp--sm36{
    width: 36% !important; }
  .u--wid--sm37{
    width: 37px !important; }
  .u--widp--sm37{
    width: 37% !important; }
  .u--wid--sm38{
    width: 38px !important; }
  .u--widp--sm38{
    width: 38% !important; }
  .u--wid--sm39{
    width: 39px !important; }
  .u--widp--sm39{
    width: 39% !important; }
  .u--wid--sm40{
    width: 40px !important; }
  .u--widp--sm40{
    width: 40% !important; }
  .u--wid--sm41{
    width: 41px !important; }
  .u--widp--sm41{
    width: 41% !important; }
  .u--wid--sm42{
    width: 42px !important; }
  .u--widp--sm42{
    width: 42% !important; }
  .u--wid--sm43{
    width: 43px !important; }
  .u--widp--sm43{
    width: 43% !important; }
  .u--wid--sm44{
    width: 44px !important; }
  .u--widp--sm44{
    width: 44% !important; }
  .u--wid--sm45{
    width: 45px !important; }
  .u--widp--sm45{
    width: 45% !important; }
  .u--wid--sm46{
    width: 46px !important; }
  .u--widp--sm46{
    width: 46% !important; }
  .u--wid--sm47{
    width: 47px !important; }
  .u--widp--sm47{
    width: 47% !important; }
  .u--wid--sm48{
    width: 48px !important; }
  .u--widp--sm48{
    width: 48% !important; }
  .u--wid--sm49{
    width: 49px !important; }
  .u--widp--sm49{
    width: 49% !important; }
  .u--wid--sm50{
    width: 50px !important; }
  .u--widp--sm50{
    width: 50% !important; }
  .u--wid--sm51{
    width: 51px !important; }
  .u--widp--sm51{
    width: 51% !important; }
  .u--wid--sm52{
    width: 52px !important; }
  .u--widp--sm52{
    width: 52% !important; }
  .u--wid--sm53{
    width: 53px !important; }
  .u--widp--sm53{
    width: 53% !important; }
  .u--wid--sm54{
    width: 54px !important; }
  .u--widp--sm54{
    width: 54% !important; }
  .u--wid--sm55{
    width: 55px !important; }
  .u--widp--sm55{
    width: 55% !important; }
  .u--wid--sm56{
    width: 56px !important; }
  .u--widp--sm56{
    width: 56% !important; }
  .u--wid--sm57{
    width: 57px !important; }
  .u--widp--sm57{
    width: 57% !important; }
  .u--wid--sm58{
    width: 58px !important; }
  .u--widp--sm58{
    width: 58% !important; }
  .u--wid--sm59{
    width: 59px !important; }
  .u--widp--sm59{
    width: 59% !important; }
  .u--wid--sm60{
    width: 60px !important; }
  .u--widp--sm60{
    width: 60% !important; }
  .u--wid--sm61{
    width: 61px !important; }
  .u--widp--sm61{
    width: 61% !important; }
  .u--wid--sm62{
    width: 62px !important; }
  .u--widp--sm62{
    width: 62% !important; }
  .u--wid--sm63{
    width: 63px !important; }
  .u--widp--sm63{
    width: 63% !important; }
  .u--wid--sm64{
    width: 64px !important; }
  .u--widp--sm64{
    width: 64% !important; }
  .u--wid--sm65{
    width: 65px !important; }
  .u--widp--sm65{
    width: 65% !important; }
  .u--wid--sm66{
    width: 66px !important; }
  .u--widp--sm66{
    width: 66% !important; }
  .u--wid--sm67{
    width: 67px !important; }
  .u--widp--sm67{
    width: 67% !important; }
  .u--wid--sm68{
    width: 68px !important; }
  .u--widp--sm68{
    width: 68% !important; }
  .u--wid--sm69{
    width: 69px !important; }
  .u--widp--sm69{
    width: 69% !important; }
  .u--wid--sm70{
    width: 70px !important; }
  .u--widp--sm70{
    width: 70% !important; }
  .u--wid--sm71{
    width: 71px !important; }
  .u--widp--sm71{
    width: 71% !important; }
  .u--wid--sm72{
    width: 72px !important; }
  .u--widp--sm72{
    width: 72% !important; }
  .u--wid--sm73{
    width: 73px !important; }
  .u--widp--sm73{
    width: 73% !important; }
  .u--wid--sm74{
    width: 74px !important; }
  .u--widp--sm74{
    width: 74% !important; }
  .u--wid--sm75{
    width: 75px !important; }
  .u--widp--sm75{
    width: 75% !important; }
  .u--wid--sm76{
    width: 76px !important; }
  .u--widp--sm76{
    width: 76% !important; }
  .u--wid--sm77{
    width: 77px !important; }
  .u--widp--sm77{
    width: 77% !important; }
  .u--wid--sm78{
    width: 78px !important; }
  .u--widp--sm78{
    width: 78% !important; }
  .u--wid--sm79{
    width: 79px !important; }
  .u--widp--sm79{
    width: 79% !important; }
  .u--wid--sm80{
    width: 80px !important; }
  .u--widp--sm80{
    width: 80% !important; }
  .u--wid--sm81{
    width: 81px !important; }
  .u--widp--sm81{
    width: 81% !important; }
  .u--wid--sm82{
    width: 82px !important; }
  .u--widp--sm82{
    width: 82% !important; }
  .u--wid--sm83{
    width: 83px !important; }
  .u--widp--sm83{
    width: 83% !important; }
  .u--wid--sm84{
    width: 84px !important; }
  .u--widp--sm84{
    width: 84% !important; }
  .u--wid--sm85{
    width: 85px !important; }
  .u--widp--sm85{
    width: 85% !important; }
  .u--wid--sm86{
    width: 86px !important; }
  .u--widp--sm86{
    width: 86% !important; }
  .u--wid--sm87{
    width: 87px !important; }
  .u--widp--sm87{
    width: 87% !important; }
  .u--wid--sm88{
    width: 88px !important; }
  .u--widp--sm88{
    width: 88% !important; }
  .u--wid--sm89{
    width: 89px !important; }
  .u--widp--sm89{
    width: 89% !important; }
  .u--wid--sm90{
    width: 90px !important; }
  .u--widp--sm90{
    width: 90% !important; }
  .u--wid--sm91{
    width: 91px !important; }
  .u--widp--sm91{
    width: 91% !important; }
  .u--wid--sm92{
    width: 92px !important; }
  .u--widp--sm92{
    width: 92% !important; }
  .u--wid--sm93{
    width: 93px !important; }
  .u--widp--sm93{
    width: 93% !important; }
  .u--wid--sm94{
    width: 94px !important; }
  .u--widp--sm94{
    width: 94% !important; }
  .u--wid--sm95{
    width: 95px !important; }
  .u--widp--sm95{
    width: 95% !important; }
  .u--wid--sm96{
    width: 96px !important; }
  .u--widp--sm96{
    width: 96% !important; }
  .u--wid--sm97{
    width: 97px !important; }
  .u--widp--sm97{
    width: 97% !important; }
  .u--wid--sm98{
    width: 98px !important; }
  .u--widp--sm98{
    width: 98% !important; }
  .u--wid--sm99{
    width: 99px !important; }
  .u--widp--sm99{
    width: 99% !important; }
  .u--wid--sm100{
    width: 100px !important; }
  .u--widp--sm100{
    width: 100% !important; }
  .u-wid--thirds-sm{
    width: 33.33% !important; }
  .u-wid--quarter--sm{
    width: 25% !important; }
  .u-wid--half--sm{
    width: 50% !important; }
  .u-wid--full--sm{
    width: 100% !important; }
  .u--mt--sm0{
    margin-top: 0px !important; }
  .u--mb--sm0{
    margin-bottom: 0px !important; }
  .u--pt--sm0{
    padding-top: 0px !important; }
  .u--pb--sm0{
    padding-bottom: 0px !important; }
  .u--mt--sm10{
    margin-top: 10px !important; }
  .u--mb--sm10{
    margin-bottom: 10px !important; }
  .u--pt--sm10{
    padding-top: 10px !important; }
  .u--pb--sm10{
    padding-bottom: 10px !important; }
  .u--mt--sm20{
    margin-top: 20px !important; }
  .u--mb--sm20{
    margin-bottom: 20px !important; }
  .u--pt--sm20{
    padding-top: 20px !important; }
  .u--pb--sm20{
    padding-bottom: 20px !important; }
  .u--mt--sm30{
    margin-top: 30px !important; }
  .u--mb--sm30{
    margin-bottom: 30px !important; }
  .u--pt--sm30{
    padding-top: 30px !important; }
  .u--pb--sm30{
    padding-bottom: 30px !important; }
  .u--mt--sm40{
    margin-top: 40px !important; }
  .u--mb--sm40{
    margin-bottom: 40px !important; }
  .u--pt--sm40{
    padding-top: 40px !important; }
  .u--pb--sm40{
    padding-bottom: 40px !important; }
  .u--mt--sm50{
    margin-top: 50px !important; }
  .u--mb--sm50{
    margin-bottom: 50px !important; }
  .u--pt--sm50{
    padding-top: 50px !important; }
  .u--pb--sm50{
    padding-bottom: 50px !important; }
  .u--mt--sm60{
    margin-top: 60px !important; }
  .u--mb--sm60{
    margin-bottom: 60px !important; }
  .u--pt--sm60{
    padding-top: 60px !important; }
  .u--pb--sm60{
    padding-bottom: 60px !important; }
  .u--mt--sm70{
    margin-top: 70px !important; }
  .u--mb--sm70{
    margin-bottom: 70px !important; }
  .u--pt--sm70{
    padding-top: 70px !important; }
  .u--pb--sm70{
    padding-bottom: 70px !important; }
  .u--mt--sm80{
    margin-top: 80px !important; }
  .u--mb--sm80{
    margin-bottom: 80px !important; }
  .u--pt--sm80{
    padding-top: 80px !important; }
  .u--pb--sm80{
    padding-bottom: 80px !important; }
  .u--mt--sm90{
    margin-top: 90px !important; }
  .u--mb--sm90{
    margin-bottom: 90px !important; }
  .u--pt--sm90{
    padding-top: 90px !important; }
  .u--pb--sm90{
    padding-bottom: 90px !important; }
  .u--mt--sm100{
    margin-top: 100px !important; }
  .u--mb--sm100{
    margin-bottom: 100px !important; }
  .u--pt--sm100{
    padding-top: 100px !important; }
  .u--pb--sm100{
    padding-bottom: 100px !important; }
  .l-footer{
    padding: 36px 0 90px; }
  .l-footer .inner{
    display: block;
    text-align: center;
    padding: 0 20px; }
  .l-footer .logo{
    display: block;
    margin: 0 auto 35px; }
  .l-footer .logo img{
    width: 60px;
    height: 24px; }
  .l-footer .copyright{
    font-size: 10px;
    font-size: 0.71429rem;
    line-height: 1.4; }
  .l-section{
    padding: 70px 0 70px; }
  .inner{
    padding-right: 30px;
    padding-left: 30px; }
  .inner--small{
    padding-right: 16px;
    padding-left: 16px; }
  .inner--large{
    padding-right: 16px;
    padding-left: 16px; }
  body{
    font-weight: 500;
    line-height: 1.75; }
  hr{
    margin: 35px 0;
    height: 1px; }
  .l-section.p-feature:after,
  .l-section.p-security:after{
    border-radius: 100px 0 0 0; }
  .l-section.p-lineup:after,
  .l-section.other:after{
    border-radius: 0 100px 0 0; }
  .p-main{
    height: 100vh;
    min-height: 500px;
    max-height: 700px;
    padding: 230px 0 40px;
    background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_top_sp.svg"), url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_top.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 200px 200px, cover;
    background-position: 0 0, 0 0;
    position: relative; }
  .p-main:before{
    display: none; }
  .p-main .inner{
    padding: 0 30px;
    text-align: left;
    position: static; }
  .p-main .bland{
    position: absolute;
    right: auto;
    left: 14px;
    top: 14px; }
  .p-main .lead{
    margin-bottom: 45px;
    font-size: 30px;
    font-size: 2.14286rem;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
  .p-main .logo .copy{
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.14286rem;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
  .p-main .logo svg{
    width: 220px; }
  .p-main .download-banner{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 20px 20px 15px;
    background: #ff8c28;
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 19;
    font-family: 'sawarabi', 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', 'Noto Sans JP', sans-serif; }
  .p-main .download-banner i{
    margin-right: 5px;
    font-size: 20px; }
  .p-main .download-banner span{
    padding-bottom: 22px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/arrow_bottom.svg") no-repeat center bottom/15px 14px;
    line-height: 1; }
  .global{
    display: block;
    height: 50px;
    background: none;
    box-shadow: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    transition: height 0s 0.5s; }
  .global.js-active{
    height: 100%;
    transition: height 0s;
    overflow: scroll;
    z-index: 100; }
  .global.js-active .global-inner{
    opacity: 1;
    visibility: visible; }
  .global .global-inner{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100%;
    min-height: 450px;
    padding: 90px 40px 100px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s; }
  .global .logo{
    padding: 0;
    position: absolute;
    left: 15px;
    top: 15px; }
  .global .logo img{
    width: 152px; }
  .global .menu{
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20; }
  .global .menu:before, .global .menu:after{
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    margin: auto;
    background: #00418e;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0; }
  .global .menu:before{
    box-shadow: 0 8px 0 0 #00418e;
    bottom: 16px;
    transition: all 0.3s 0s,box-shadow 0.2s 0.3s; }
  .global .menu:after{
    top: 16px;
    transition: all 0.3s 0s; }
  .global.js-active .menu:before{
    top: 0;
    bottom: 0;
    box-shadow: 10px 8px 0 0 rgba(245, 245, 245, 0);
    transform: rotate(140deg);
    transition: all 0.3s 0.2s,box-shadow 0.2s 0s; }
  .global.js-active .menu:after{
    top: 0;
    transform: rotate(220deg);
    transition: all 0.3s 0.2s; }
  .global .navigation{
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .global ul{
    display: inline-block;
    font-size: 17px;
    font-size: 1.21429rem; }
  .global ul li{
    display: block;
    margin-left: 0;
    padding-right: 0; }
  .global ul li.u-only--lg{
    display: none !important; }
  .global ul li:last-child{
    border-right: none; }
  .global ul li:last-child:before{
    display: none; }
  .global ul li:not(:last-child){
    border-right: none;
    border-bottom: 1px solid #c8c8c8; }
  .global ul li:not(:last-child):before{
    display: none; }
  .global ul li span:after{
    display: none; }
  .global ul li a{
    display: inline-block;
    width: 100%;
    padding: 20px 0 25px 25px;
    position: relative; }
  .global ul li a:before{
    content: "";
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 13px solid #00418e;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 5px; }
  .global .download{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 20px 20px 15px;
    background: #ff8c28;
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0; }
  .global .download i{
    font-size: 20px; }
  .global .download span{
    padding-bottom: 22px;
    background: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/arrow_bottom.svg") no-repeat center bottom/15px 14px;
    line-height: 1; }
  .p-top{
    background-image: url("https://www.obc.co.jp/hubfs/obc/v1/images/landing/edge/bg_outline_sp.svg");
    background-size: 153px 156px;
    background-position: 100% 0; }
  .p-top .inner:before{
    width: 476px;
    height: 346px;
    right: auto;
    left: 7%;
    top: 45px; }
  .p-top .c-lead{
    margin-bottom: 300px; }
  .p-top p{
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: -0.04em; }
  .p-top p + p{
    margin-top: 24px; }
  .p-feature .c-flex03:not(:first-child){
    margin-top: 0; }
  .p-feature .c-flex03:not(:last-child){
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #fff; }
  .p-feature .title{
    margin-bottom: 35px;
    text-align: center;
    font-size: 16px;
    font-size: 1.14286rem;
    letter-spacing: 0.05em; }
  .p-feature .title span{
    margin-bottom: 15px; }
  .p-feature .title span img{
    width: auto;
    height: 36px; }
  .p-feature figure{
    margin-bottom: 25px; }
  .p-feature .desc{
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: 0.18em; }
  .p-lineup .lineup-slide{
    padding-top: 0;
    z-index: 18; }
  .p-lineup .lineup-slide-nav{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 300px; }
  .p-lineup .lineup-slide-nav__item{
    -ms-flex: none;
    flex: none;
    width: 20%;
    padding: 20px 5px; }
  .p-lineup .lineup-slide-nav__item:nth-child(n+6):before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    right: 0%;
    top: 0; }
  .p-lineup .lineup-slide-nav__item:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    right: -1px;
    top: 0%; }
  .p-lineup .lineup-slide-content{
    margin-top: 0;
    padding: 0;
    overflow: hidden; }
  .p-lineup .lineup-slide-content:before{
    display: none; }
  .p-lineup .lineup-slide-content__item{
    width: 100%;
    height: 100vh;
    padding: 20px;
    font-size: 12px;
    font-size: 0.85714rem;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 15;
    transition: all 0.5s; }
  .p-lineup .lineup-slide-content__item.js-active{
    opacity: 1;
    visibility: visible; }
  .p-lineup .lineup-slide-content__item:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 14; }
  .p-lineup .lineup-slide-content__item .logo--sp{
    display: block;
    max-width: 300px;
    width: calc(100% - 100px);
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
    z-index: 20; }
  .p-lineup .lineup-slide-content__item .logo--sp img{
    width: 100%;
    height: auto; }
  .p-lineup .lineup-slide-content__item .close-button{
    width: 27px;
    height: 27px;
    position: absolute;
    right: 37px;
    top: 37px;
    z-index: 20;
    transform: rotate(45deg);
    cursor: pointer; }
  .p-lineup .lineup-slide-content__item .close-button:before, .p-lineup .lineup-slide-content__item .close-button:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: auto;
    background: #00418e;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 18; }
  .p-lineup .lineup-slide-content__item .close-button:after{
    transform: rotate(90deg); }
  .p-lineup .lineup-slide-content__item .body{
    height: 100%;
    max-height: 600px;
    margin: auto;
    padding: 45px 0 75px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 17; }
  .p-lineup .lineup-slide-content__item .animate-con .inner{
    padding: 60px 30px 0;
    overflow: visible; }
  .p-lineup .lineup-slide-content__item .nav{
    display: none; }
  .p-lineup .lineup-slide-content__item figure{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 170px;
    margin-top: -15px;
    margin-bottom: 15px; }
  .p-lineup .lineup-slide-content__item figure img{
    height: auto;
    margin: auto; }
  .p-lineup .lineup-slide-content__item figure.first{
    display: block;
    width: calc(100% + 30px);
    margin: 0 -30px 0 0; }
  .p-lineup .lineup-slide-content__item figure.first img{
    height: 170px; }
  .p-lineup .lineup-slide-content__item .detail-body{
    height: calc(100vh - 390px);
    overflow: auto;
    position: relative; }
  .p-lineup .lineup-slide-content__item .slick-dots{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    z-index: 20; }
  .p-lineup .lineup-slide-content__item .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 11px;
    border: 1px solid #b4b4b4;
    border-radius: 20px;
    overflow: hidden;
    text-indent: -999px; }
  .p-lineup .lineup-slide-content__item .slick-dots li.slick-active{
    background: #00418e;
    border-color: #00418e; }
  .p-lineup .lineup-slide-content__item .slick-arrow{
    display: block;
    width: 30px;
    height: 30px;
    background: #b4b9be;
    border-radius: 30px;
    color: transparent;
    overflow: hidden;
    position: absolute;
    bottom: 17px;
    z-index: 21; }
  .p-lineup .lineup-slide-content__item .slick-arrow:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0; }
  .p-lineup .lineup-slide-content__item .slick-arrow.prev{
    left: 30px;
    transform: rotate(135deg); }
  .p-lineup .lineup-slide-content__item .slick-arrow.prev:before{
    left: -2px;
    top: -2px; }
  .p-lineup .lineup-slide-content__item .slick-arrow.next{
    right: 30px;
    transform: rotate(-45deg); }
  .p-lineup .lineup-slide-content__item .slick-arrow.next:before{
    right: 2px;
    bottom: 2px; }
  .p-lineup .lineup-slide-content .logo{
    display: none; }
  .p-lineup .lineup-slide-content .lead{
    margin: 0.5em auto;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    letter-spacing: 0; }
  .p-lineup .lineup-slide-content .title{
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.4; }
  .p-lineup .lineup-slide-content .list{
    padding-left: 15px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  .p-lineup .lineup-slide-content .list:before{
    border: 4px solid transparent;
    border-left: 7px solid #00418e;
    top: 0.3em; }
  .p-lineup .lineup-slide-content dl dd{
    margin-bottom: 12px; }
  .p-security #security{
    margin-top: -70px;
    padding-top: 70px; }
  .p-security #support{
    margin-top: -55px;
    padding-top: 55px; }
  .p-security .c-head--small{
    margin-bottom: 45px; }
  .p-security .security-list{
    padding: 0; }
  .p-security .security-list__item:nth-child(1){
    margin-bottom: 55px;
    padding-right: 0;
    padding-bottom: 55px;
    border-right: none;
    border-bottom: 1px solid #fff; }
  .p-security .security-list__item:nth-child(2){
    padding-left: 0; }
  .p-security .security-list .title{
    margin: 30px auto 15px;
    font-size: 16px;
    font-size: 1.14286rem; }
  .p-security .security-list p{
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.9; }
  .p-other .other-lead{
    margin-bottom: 25px;
    font-size: 15px;
    font-size: 1.07143rem; }
  .p-other{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .p-other .logo{
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid #00438c; }
  .p-other .logo img{
    width: 250px; }
  .p-other .category{
    font-size: 0.75rem; }
  .p-other .desc{
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 0.875rem; }
  .p-other .desc + .notice{
    margin-top: -12px; }
  .p-other .button, .p-other .button--sm, .p-other .button--long, .p-other .button--middle, .p-other .button--short, .p-other .button-border, .p-other .button-border--sm, .p-other .button-border--long, .p-other .button-border--short{
    max-width: 300px;
    font-size: 0.875rem; }
  .p-other .button:after, .p-other .button--sm:after, .p-other .button--long:after, .p-other .button--middle:after, .p-other .button--short:after, .p-other .button-border:after, .p-other .button-border--sm:after, .p-other .button-border--long:after, .p-other .button-border--short:after{
    margin-left: 5px; }
  .p-other .button, .p-other .button--sm, .p-other .button--long, .p-other .button--middle, .p-other .button--short{
    padding: 12px 15px; }
  .p-other .button--sm{
    padding: 6px 12px; }
  .p-other .button--long{
    max-width: 400px; }
  .p-other .button--middle{
    max-width: 320px; }
  .p-other .button--short{
    max-width: 250px; }
  .p-other .button.download:after, .p-other .download.button--sm:after, .p-other .download.button--long:after, .p-other .download.button--middle:after, .p-other .download.button--short:after{
    margin-left: 7px; }
  .p-other .button-border, .p-other .button-border--sm, .p-other .button-border--long, .p-other .button-border--short{
    padding: 12px 15px; }
  .p-other .button-border--sm{
    padding: 6px 12px; }
  .p-other .button-border--long{
    max-width: 400px; }
  .p-other .button-border--short{
    max-width: 250px; }
  .p-other .button-border.download:after, .p-other .download.button-border--sm:after, .p-other .download.button-border--long:after, .p-other .download.button-border--short:after{
    margin-left: 7px; }
  .l-consultation{
    padding: 30px 0 40px; }
  .l-consultation .inner{
    padding: 0 15px; }
  .l-consultation-head{
    font-size: 1.375rem; }
  .l-consultation-lead{
    text-align: left;
    font-size: 1rem; }
  .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: 1rem; }
  .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; } }

@media screen and (min-width: 769px){
  .global{
    width: 100%;
    min-width: 1280px; }
  .global.is-fixed{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10; }
  .global.is-fixed + .p-top{
    margin-top: 78px; }
  .p-lineup{
    overflow: hidden; }
  .p-lineup .lineup-slide-nav{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5; }
  .p-lineup .lineup-slide-nav.is-fixed{
    position: fixed;
    left: 0;
    top: 78px;
    z-index: 10;
    transition: top 0.5s, transform 0.5s; }
  .p-lineup .lineup-slide-nav.is-fixed-end{
    top: 0;
    transform: translate(0, -120px); }
  .p-lineup .lineup-slide-nav__item.js-active{
    background: #00418e; }
  .p-lineup .lineup-slide-nav__item.js-active:after{
    display: none; }
  .p-lineup .lineup-slide-nav__item.js-active figure .normal{
    display: none; }
  .p-lineup .lineup-slide-nav__item.js-active figure .active{
    display: block; }
  .p-lineup .lineup-slide-nav__item.js-active p{
    color: #fff; }
  .p-lineup .lineup-slide-content__item{
    height: 300vh;
    opacity: 0;
    position: relative;
    transition: opacity 0.7s 0s, transform 1s; }
  .p-lineup .lineup-slide-content__item .logo--sp{
    display: none; }
  .p-lineup .lineup-slide-content__item.js-current{
    width: 100% !important;
    min-width: 1280px;
    opacity: 1;
    transition: opacity 0.7s 0s; }
  .p-lineup .lineup-slide-content__item.js-current .nav{
    z-index: 1;
    opacity: 1;
    visibility: visible; }
  .p-lineup .lineup-slide-content__item .nav{
    width: 100%;
    max-width: 1020px;
    height: calc(100vh - 187px);
    margin: auto;
    position: absolute;
    top: calc(-100vh + 187px);
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden; }
  .p-lineup .lineup-slide-content__item .nav span{
    display: block;
    width: 11px;
    height: 11px;
    margin: auto;
    border: 2px solid #b4b4b4;
    border-radius: 10px;
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0; }
  .p-lineup .lineup-slide-content__item .nav span:nth-child(1){
    bottom: 60px; }
  .p-lineup .lineup-slide-content__item .nav span:nth-child(3){
    top: 60px; }
  .p-lineup .lineup-slide-content__item .nav:before{
    content: "";
    width: 24px;
    height: 24px;
    margin: auto;
    border-left: 2px solid #b4b4b4;
    border-bottom: 2px solid #b4b4b4;
    transform: rotate(-45deg);
    animation: sdb 3s infinite;
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0; }
  @keyframes sdb{
    0%{
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0; }
    50%{
      opacity: 1; }
    100%{
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0; } }
  .p-lineup .lineup-slide-content__item .animate-con{
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s, visibility 0.7s, transform 1.5s;
    position: absolute;
    left: 0;
    right: 0;
    top: -60vh;
    transform: translate(0, 50vh); }
  .p-lineup .lineup-slide-content__item .animate-con:nth-child(1) figure{
    position: relative; }
  .p-lineup .lineup-slide-content__item .animate-con:nth-child(1) figure img{
    width: 55vw;
    min-width: 500px;
    max-width: 100vw;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0, -50%); }
  .p-lineup .lineup-slide-content__item .animate-con:nth-child(2) figure, .p-lineup .lineup-slide-content__item .animate-con:nth-child(3) figure{
    position: relative; }
  .p-lineup .lineup-slide-content__item .animate-con:nth-child(2) figure img, .p-lineup .lineup-slide-content__item .animate-con:nth-child(3) figure img{
    margin: auto;
    position: absolute;
    left: 45px;
    top: 40px;
    width: 40vw;
    min-width: 500px;
    max-width: 800px;
    position: absolute;
    left: 45px;
    top: 100px;
    bottom: 0; }
  .p-lineup .lineup-slide-content__item.animation01 .nav span:nth-child(1),
  .p-lineup .lineup-slide-content__item.animation02 .nav span:nth-child(2),
  .p-lineup .lineup-slide-content__item.animation03 .nav span:nth-child(3){
    background: #00418e;
    border-color: #00418e; }
  .p-lineup .lineup-slide-content__item.animation01 .animate-con:nth-child(1),
  .p-lineup .lineup-slide-content__item.animation02 .animate-con:nth-child(2),
  .p-lineup .lineup-slide-content__item.animation03 .animate-con:nth-child(3){
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .p-lineup .lineup-slide-content__item.animation01-end .animate-con:nth-child(1),
  .p-lineup .lineup-slide-content__item.animation02-end .animate-con:nth-child(2),
  .p-lineup .lineup-slide-content__item.animation03-end .animate-con:nth-child(3){
    transform: translate(0, -50vh); }
  .p-lineup .lineup-slide-content__item .inner{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .p-lineup .lineup-slide-content__item .inner > figure{
    width: 500px; }
  .p-lineup .lineup-slide-content__item .inner > figure img{
    max-width: initial; }
  .p-lineup .lineup-slide-content__item .inner > .detail{
    width: 420px;
    font-weight: 500;
    line-height: 1.8;
    font-size: 0.875rem; } }

@media screen and (max-width: 480px){
  .p-lineup .lineup-slide-nav__item{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%; }
  .p-lineup .lineup-slide-nav__item:nth-child(odd){
    border-right: 2px solid #ebf0f5; }
  .p-lineup .lineup-slide-nav__item:nth-child(n+3){
    border-top: 2px solid #ebf0f5; }
  .p-lineup .lineup-slide-nav__item:nth-child(n+3):before{
    display: none; }
  .p-lineup .lineup-slide-nav__item:after{
    display: none; }
  .p-lineup .lineup-slide-nav__item figure{
    width: 46px; }
  .p-lineup .lineup-slide-nav__item p{
    width: 7em;
    margin: 0;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.1em; }
  .p-lineup .lineup-slide-nav__item p br{
    display: block; } }

@media screen and (min-width: 769px) and (max-height: 660px){
  .p-lineup .lineup-slide-content__item .animate-con{
    top: -67vh; } }