/*==================================================
  api common
==================================================*/
/*--------------------------
  header
--------------------------*/
.l-header_subNav_item a:hover {
  color: #afa278 !important; }

/*.p-api {
  .l-header_gNav_item {
    margin-right: 0;
    padding: 0 1rem .8rem;
    a {
      display: block;
      &::after {
        display: inline-block;

        width: 16px;
        padding: 0 0 .1em 0;

        content: '\e903';
        vertical-align: middle;
        text-indent: 0;

        color: #ccc;

        font-family: icomoon;
        font-size: 1.5em;
        line-height: 1;
      }
    }
    &:first-child {
      padding-left: 0;
    }
  }
  @include mq(xl, max) {
    .l-header_container {
      padding-right: 1.6rem;
      padding-left: 1.6rem;
    }
    .l-header_logo {
      left: 1.6rem;
    }
  }
  @include mq(md, max) {
    .l-header_globalNav {
      padding: 0 1.4rem;
    }
    .l-header_gNav_item {
      width: 100%;
      padding: 0;

      a {
        position: relative;

        display: block;

        padding: .5rem 0;
        &::after {
          position: absolute;
          top: 50%;
          right: 0;

          width: 24px;
          margin-top: -1.9rem;
          padding-bottom: 0;

          content: '\e903';

          color: #9e9e9e;

          font-family: icomoon;
          font-size: 2.4rem;
          line-height: 43px;
        }
      }
    }
    .l-header_btn-openAccount {
      margin-bottom: 0;

      border-radius: 10px;
      background-color: #070707;
    }
  }
}*/
/*--------------------------
  footer
--------------------------*/
.p-api .l-footer_primNav {
  margin-bottom: 0; }
.p-api .l-footer_grid {
  display: flex; }
  .p-api .l-footer_grid .link-external {
    margin-left: 0; }
  .p-api .l-footer_grid a {
    color: #fff; }
    .p-api .l-footer_grid a:hover {
      opacity: .5; }
  .p-api .l-footer_grid .l-footer_grid_block {
    flex-basis: 30%;
    padding-left: 5%;
    border-left: solid 1px rgba(255, 255, 255, 0.2); }
    .p-api .l-footer_grid .l-footer_grid_block:first-of-type {
      border-left: none;
      flex-basis: 40%;
      padding-left: 0; }
      .p-api .l-footer_grid .l-footer_grid_block:first-of-type dd {
        display: flex; }
        .p-api .l-footer_grid .l-footer_grid_block:first-of-type dd ul {
          flex-basis: 45%; }
    .p-api .l-footer_grid .l-footer_grid_block dt {
      font-size: 2rem;
      margin-bottom: 1rem; }
    .p-api .l-footer_grid .l-footer_grid_block dd {
      font-size: 1.6rem; }

/*--------------------------
  breadcrumb
--------------------------*/
@media screen and (max-width: 1080px) {
  .p-api .l-breadcrumb_wrap {
    padding-left: 1.6rem;
    padding-right: 1.6rem; } }
@media screen and (max-width: 568px) {
  .p-api .l-breadcrumb_wrap {
    margin-bottom: 3rem; } }

/*--------------------------
  object
--------------------------*/
.p-api .btn-large.btn-B, .p-api .btn-large.btn-A {
  font-size: 2rem; }
.p-api .btn-large .btn-A_inner .btn-B_inner {
  min-height: 52px; }
@media screen and (max-width: 568px) {
  .p-api .btn-large.btn-B, .p-api .btn-large.btn-A {
    font-size: 1.6rem; } }
.p-api .l-container-Apply .btn-A,
.p-api .l-container-Apply .btn-B {
  min-width: 320px;
  font-size: 2rem; }
  @media screen and (max-width: 568px) {
    .p-api .l-container-Apply .btn-A,
    .p-api .l-container-Apply .btn-B {
      font-size: 1.6rem; } }
.p-api .btn-A {
  border: 1px solid #1275ce;
  background: #1275ce;
  border-radius: 5px; }
  .p-api .btn-A::before, .p-api .btn-A::after {
    display: none; }
  .p-api .btn-A span,
  .p-api .btn-A small {
    display: block; }
  .p-api .btn-A small {
    font-size: 1.4rem; }
.p-api .btn-A_inner {
  border-radius: 5px; }
  .p-api .btn-A_inner::after {
    background: #fff; }
.p-api .btn-B {
  border-radius: 5px;
  border-color: #1275ce;
  color: #1275ce; }
.p-api .btn-B_inner::after {
  background: #1275ce; }
.p-api .btn-sbys {
  margin: 0 auto; }
  .p-api .btn-sbys .btn-sbys_item {
    min-width: 320px;
    text-align: center; }
  .p-api .btn-sbys small {
    display: block;
    margin-top: .5rem; }
  @media screen and (max-width: 768px) {
    .p-api .btn-sbys {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .p-api .btn-sbys .btn-sbys_item {
        flex-basis: 45%;
        width: 45%;
        min-width: 45%;
        margin-bottom: 0; } }
  @media screen and (max-width: 568px) {
    .p-api .btn-sbys {
      display: block; }
      .p-api .btn-sbys .btn-sbys_item,
      .p-api .btn-sbys .btn-B,
      .p-api .btn-sbys .btn-A {
        width: 100%; }
      .p-api .btn-sbys .btn-sbys_item {
        margin-bottom: 2rem; } }
.p-api .l-container-Apply .btn-sbys {
  margin-bottom: 3rem; }
  .p-api .l-container-Apply .btn-sbys .btn-A,
  .p-api .l-container-Apply .btn-sbys .btn-B {
    min-width: 100%; }
  @media screen and (max-width: 568px) {
    .p-api .l-container-Apply .btn-sbys {
      margin-bottom: 0; } }

body:not(.iOS).p-api .btn-A_inner:hover {
  color: #1275ce; }

.p-api .btn-disabled [class*="btn-"] {
  background-color: #eee;
  border-radius: 5px; }
  .p-api .btn-disabled [class*="btn-"]:after {
    display: none; }

body:not(.iOS).p-api .btn-disabled [class*="btn-"]:hover {
  cursor: default;
  color: #1275ce; }

/*--------------------------
  page header
--------------------------*/
@media screen and (max-width: 768px) {
  .p-api .l-pageHeader-A .l-pageHeader_innerWrap {
    background-color: transparent; } }
.p-api .l-pageHeader-A .l-pageHeader_heading {
  margin-top: 8.5rem;
  color: #fff; }
  @media screen and (max-width: 1080px) {
    .p-api .l-pageHeader-A .l-pageHeader_heading {
      padding-left: 1.6rem;
      padding-right: 1.6rem; } }
  @media screen and (max-width: 768px) {
    .p-api .l-pageHeader-A .l-pageHeader_heading {
      margin-top: 4.8rem;
      padding-left: 0;
      padding-right: 0; } }
@media screen and (max-width: 768px) {
  .p-api .l-pageHeader-A .l-pageHeader_heading-main {
    text-align: left;
    font-size: 2.4rem; } }
@media screen and (max-width: 320px) {
  .p-api .l-pageHeader-A .l-pageHeader_heading-main {
    font-size: 2rem; } }
.p-api .l-pageHeader-A.cat-sunabar {
  background: linear-gradient(to bottom right, #00a7f5, #0059d1); }

/*--------------------------
  page common
--------------------------*/
@media screen and (max-width: 768px) {
  .p-api .l-limitedWidth {
    padding-right: 1.6rem;
    padding-left: 1.6rem; }
  .p-api .l-container-A,
  .p-api .l-container-Apply {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem; }
  .p-api .l-container-B {
    padding-bottom: 4.8rem; }
  .p-api .l-limitedWidth section + section {
    margin-top: 4.8rem; } }
@media screen and (max-width: 568px) {
  .p-api .l-limitedWidth {
    padding-right: 1.6rem;
    padding-left: 1.6rem; }
  .p-api .l-container-A,
  .p-api .l-container-Apply {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .p-api .l-container-B {
    padding-bottom: 3rem; }
  .p-api .l-limitedWidth section + section {
    margin-top: 3rem; } }
.p-api p {
  text-align: left; }
  @media screen and (max-width: 320px) {
    .p-api p {
      font-size: 1.4rem; } }
.p-api ol {
  list-style: none; }
.p-api .heading-01::after {
  width: 300px;
  height: 3px;
  border-bottom: none;
  background: linear-gradient(to bottom right, #00a7f5, #0059d1); }
@media screen and (max-width: 768px) {
  .p-api .heading-01 {
    font-size: 2.4rem;
    margin-bottom: 3rem; }
    .p-api .heading-01::after {
      width: 120px;
      height: 2px; } }
@media screen and (max-width: 568px) {
  .p-api .heading-01 {
    font-size: 2rem; } }
@media screen and (max-width: 320px) {
  .p-api .heading-01 {
    font-size: 1.8rem; } }
@media screen and (max-width: 568px) {
  .p-api .heading-02 {
    font-size: 1.8rem;
    margin-bottom: 1.2rem; } }
@media screen and (max-width: 320px) {
  .p-api .heading-02 {
    font-size: 1.6rem; } }
.p-api .p-api_section-underline {
  padding-bottom: 4.8rem;
  border-bottom: dashed 1px #ccc; }
  @media screen and (max-width: 568px) {
    .p-api .p-api_section-underline {
      padding-bottom: 3rem; } }
.p-api .p-api_concept {
  display: flex;
  justify-content: space-between; }
  .p-api .p-api_concept li {
    position: relative;
    flex-basis: 25%;
    padding: 0 1rem; }
  .p-api .p-api_concept .p-api_concept-block {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    line-height: 1.6; }
  .p-api .p-api_concept img {
    display: block;
    margin: 0 auto; }
  @media screen and (max-width: 568px) {
    .p-api .p-api_concept {
      display: block; }
      .p-api .p-api_concept li {
        padding: 0;
        margin-top: 3rem; }
      .p-api .p-api_concept .p-api_concept-block {
        font-size: 1.4rem; } }
  @media screen and (max-width: 320px) {
    .p-api .p-api_concept .p-api_concept-block {
      font-size: 1.3rem; } }
.p-api .l-container-Apply p {
  text-align: center;
  margin-top: 2rem; }
  .p-api .l-container-Apply p a {
    color: #1275ce; }
  .p-api .l-container-Apply p .link-withArrow::after {
    color: #1275ce; }

/*# sourceMappingURL=api-common.css.map */