article {
  float: left;
  width: 100%; }

section {
  float: left;
  width: 100%;
  min-width: 1200px;
  text-align: center; }

.mobile {
  display: none;
  opacity: 0; }

.box-shadow {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); }

.slowly {
  transition: .3s; }

article .link {
  float: left;
  background: #ee7d3d;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding: 10px 32px;
  border-radius: 32px; }
  article .link:hover {
    opacity: 0.8; }
article .contacts {
  width: 50%;
  margin: 0px 25% 64px;
  background: #1dadd9;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 72px;
  border-radius: 72px; }
  article .contacts:hover {
    opacity: 0.8; }
  article .contacts > span {
    position: relative;
    padding-left: 40px;
    font-size: 26px; }
    article .contacts > span::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22white%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M452.29%2C74.535H59.71C26.728%2C74.535%2C0%2C101.263%2C0%2C134.236v243.527c0%2C32.974%2C26.728%2C59.702%2C59.71%2C59.702H452.29%20c32.973%2C0%2C59.71-26.728%2C59.71-59.702V134.236C512%2C101.263%2C485.264%2C74.535%2C452.29%2C74.535z%20M483.49%2C393.849l-11.366%2C13.46%20L312.957%2C277.407l-24.65%2C23.454c-18.268%2C16.776-46.345%2C16.776-64.614%2C0l-24.65-23.454L39.876%2C407.309l-11.366-13.46l149.44-136.517%20L27.531%2C115.968l8.893-11.783L256%2C270.56l219.575-166.375l8.886%2C11.783l-150.41%2C141.364L483.49%2C393.849z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

p {
  font-size: 16px;
  line-height: 24px; }

.mainvisual {
  float: left;
  width: 100%;
  height: 640px;
  background: url(/img/owner/img1.jpg);
  background-size: cover;
  background-position: left;
  padding: 0; }
  .mainvisual > .wrapper > img {
    float: left;
    width: 600px;
    margin-top: 200px; }
  .mainvisual > .wrapper > p {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 32px;
    padding-left: 16px;
    font-size: 20px;
    line-height: 32px; }
  .mainvisual > .wrapper > .link {
    float: left;
    margin-top: 32px;
    margin-left: 16px; }

.linksBox {
  float: left;
  width: 100%; }
  .linksBox > ul {
    float: left;
    width: 100%; }
    .linksBox > ul > li {
      float: left;
      width: calc(100% / 5);
      height: 240px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .linksBox > ul > li:nth-of-type(1) > .inner, .linksBox > ul > li:nth-of-type(3) > .inner, .linksBox > ul > li:nth-of-type(5) > .inner, .linksBox > ul > li:nth-of-type(7) > .inner, .linksBox > ul > li:nth-of-type(9) > .inner {
        float: left;
        width: 90%;
        background: rgba(8, 43, 82, 0.8);
        padding-top: 132px; }
        .linksBox > ul > li:nth-of-type(1) > .inner > h2, .linksBox > ul > li:nth-of-type(3) > .inner > h2, .linksBox > ul > li:nth-of-type(5) > .inner > h2, .linksBox > ul > li:nth-of-type(7) > .inner > h2, .linksBox > ul > li:nth-of-type(9) > .inner > h2 {
          color: #fff;
          position: absolute;
          top: 40px;
          left: 16px; }
        .linksBox > ul > li:nth-of-type(1) > .inner > p, .linksBox > ul > li:nth-of-type(3) > .inner > p, .linksBox > ul > li:nth-of-type(5) > .inner > p, .linksBox > ul > li:nth-of-type(7) > .inner > p, .linksBox > ul > li:nth-of-type(9) > .inner > p {
          color: #fff; }
      .linksBox > ul > li:nth-of-type(1) {
        background-image: url(/img/owner/img2.jpg); }
      .linksBox > ul > li:nth-of-type(3) {
        background-image: url(/img/owner/img3.jpg); }
      .linksBox > ul > li:nth-of-type(5) {
        background-image: url(/img/owner/img4.jpg); }
      .linksBox > ul > li:nth-of-type(7) {
        background-image: url(/img/owner/img5.jpg); }
      .linksBox > ul > li:nth-of-type(9) {
        background-image: url(/img/owner/img6.jpg); }
      .linksBox > ul > li:nth-of-type(2), .linksBox > ul > li:nth-of-type(4), .linksBox > ul > li:nth-of-type(6), .linksBox > ul > li:nth-of-type(8), .linksBox > ul > li:nth-of-type(10) {
        background: #fff; }
        .linksBox > ul > li:nth-of-type(2) > .inner, .linksBox > ul > li:nth-of-type(4) > .inner, .linksBox > ul > li:nth-of-type(6) > .inner, .linksBox > ul > li:nth-of-type(8) > .inner, .linksBox > ul > li:nth-of-type(10) > .inner {
          background: #fff; }
          .linksBox > ul > li:nth-of-type(2) > .inner > h2, .linksBox > ul > li:nth-of-type(4) > .inner > h2, .linksBox > ul > li:nth-of-type(6) > .inner > h2, .linksBox > ul > li:nth-of-type(8) > .inner > h2, .linksBox > ul > li:nth-of-type(10) > .inner > h2 {
            color: #3865af; }
          .linksBox > ul > li:nth-of-type(2) > .inner > p, .linksBox > ul > li:nth-of-type(4) > .inner > p, .linksBox > ul > li:nth-of-type(6) > .inner > p, .linksBox > ul > li:nth-of-type(8) > .inner > p, .linksBox > ul > li:nth-of-type(10) > .inner > p {
            margin-top: 16px; }
      .linksBox > ul > li > .inner {
        position: relative;
        height: 100%;
        padding: 32px;
        padding-top: 40px; }
        .linksBox > ul > li > .inner > h2 {
          width: 100%;
          text-align: left;
          font-size: 19px;
          line-height: 32px;
          font-weight: normal; }
        .linksBox > ul > li > .inner > p {
          width: 100%;
          text-align: left; }
        .linksBox > ul > li > .inner > .link {
          position: absolute;
          bottom: 40px;
          width: max-content;
          left: 32px; }

.worryBox {
  float: left;
  width: 100%;
  background: #def7ff; }
  .worryBox > .wrapper {
    padding: 100px 0; }
    .worryBox > .wrapper > h2 {
      float: left;
      width: 100%;
      text-align: center;
      color: #3865af;
      font-size: 28px;
      margin-bottom: 72px; }
    .worryBox > .wrapper > ul {
      float: left;
      width: 98%;
      margin-left: 2%;
      margin-bottom: 24px; }
      .worryBox > .wrapper > ul > li {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 26px;
        margin-bottom: 24px;
        list-style: disc; }
    .worryBox > .wrapper > .fukidashiBox {
      float: left;
      width: 100%;
      text-align: center;
      margin-top: 32px;
      position: relative; }
      .worryBox > .wrapper > .fukidashiBox > img {
        display: inline-block;
        float: none; }
      .worryBox > .wrapper > .fukidashiBox > .fukidashi {
        font-size: 20px;
        position: absolute;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        font-size: 20px;
        width: 260px;
        height: 260px;
        text-align: center;
        line-height: 32px;
        text-align: left; }
        .worryBox > .wrapper > .fukidashiBox > .fukidashi.fukidashi_1 {
          background-image: url(/img/owner/fukidashi_left.png);
          top: -72px;
          left: 0;
          padding: 92px 0 0 42px; }
        .worryBox > .wrapper > .fukidashiBox > .fukidashi.fukidashi_2 {
          background-image: url(/img/owner/fukidashi_left.png);
          top: 110px;
          left: 80px;
          text-align: center;
          padding: 114px 0 0 0px; }
        .worryBox > .wrapper > .fukidashiBox > .fukidashi.fukidashi_3 {
          background-image: url(/img/owner/fukidashi_right.png);
          top: -56px;
          right: 0;
          text-align: center;
          padding: 114px 0 0 0px; }
        .worryBox > .wrapper > .fukidashiBox > .fukidashi.fukidashi_4 {
          background-image: url(/img/owner/fukidashi_right.png);
          top: 134px;
          right: 80px;
          padding: 92px 0 0 60px; }

.pointBox {
  float: left;
  width: 100%;
  background: url(/img/owner/img7.jpg) no-repeat;
  background-size: cover; }
  .pointBox > .title {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 64px 0; }
    .pointBox > .title > h2 {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 24px;
      margin-bottom: 16px; }
    .pointBox > .title > h3 {
      float: left;
      width: 100%;
      color: #def7ff;
      font-size: 28px; }
  .pointBox > .wrapper > ul {
    float: left;
    width: 100%;
    margin: 64px 0; }
    .pointBox > .wrapper > ul > li {
      float: left;
      width: 49%;
      height: 200px;
      background: rgba(255, 255, 255, 0.9); }
      .pointBox > .wrapper > ul > li:nth-of-type(2) {
        margin-left: 2%; }
      .pointBox > .wrapper > ul > li > img {
        float: left;
        width: 30%;
        height: 200px;
        object-fit: cover; }
      .pointBox > .wrapper > ul > li > .inner {
        float: left;
        width: 70%;
        padding: 32px 20px; }
        .pointBox > .wrapper > ul > li > .inner > h4 {
          float: left;
          width: 100%;
          font-size: 24px;
          color: #3865af;
          margin-bottom: 24px; }
        .pointBox > .wrapper > ul > li > .inner > p {
          float: left;
          width: 100%; }

.flowBox {
  float: left;
  background: url(/img/owner/img8.jpg) no-repeat;
  background-size: cover;
  background-position: left;
  position: relative;
  padding: 280px 0 48px; }
  .flowBox > .title {
    float: left;
    width: 500px;
    background: rgba(0, 0, 0, 0.8);
    margin-bottom: 48px;
    padding: 80px 0;
    position: absolute;
    top: 0;
    left: 0; }
    .flowBox > .title > h2 {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 24px;
      margin-bottom: 24px; }
    .flowBox > .title > p {
      float: left;
      width: 100%;
      color: #fff; }
  .flowBox > .wrapper > .box {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 24px 48px 48px; }
    .flowBox > .wrapper > .box:last-of-type {
      margin-bottom: 80px; }
    .flowBox > .wrapper > .box > h3 {
      float: left;
      width: 100%;
      color: #3865af;
      font-size: 20px;
      margin-top: -24px;
      margin-bottom: 16px; }
    .flowBox > .wrapper > .box > ol {
      float: left;
      width: 100%;
      counter-reset: li;
      margin-top: 48px; }
      .flowBox > .wrapper > .box > ol > li {
        float: left;
        position: relative;
        color: #3865af;
        height: 96px; }
        .flowBox > .wrapper > .box > ol > li::before {
          content: "0" counter(li);
          width: 48px;
          height: 48px;
          position: absolute;
          color: #3865af;
          font-weight: bold;
          counter-increment: li;
          font-size: 32px;
          top: -32px;
          left: 0px;
          z-index: 10; }
        .flowBox > .wrapper > .box > ol > li::after {
          content: "";
          width: 0;
          height: 0;
          border-left: 30px solid #def7ff;
          border-top: 49px solid transparent;
          border-bottom: 49px solid transparent;
          position: absolute;
          right: -29px;
          top: 0;
          z-index: 10; }
        .flowBox > .wrapper > .box > ol > li:nth-of-type(even) {
          background: #3865af; }
          .flowBox > .wrapper > .box > ol > li:nth-of-type(even)::after {
            border-left: 30px solid #3865af; }
          .flowBox > .wrapper > .box > ol > li:nth-of-type(even) > .inner {
            color: #fff; }
        .flowBox > .wrapper > .box > ol > li:nth-of-type(odd) {
          background: #7edefc; }
          .flowBox > .wrapper > .box > ol > li:nth-of-type(odd)::after {
            border-left: 30px solid #7edefc; }
        .flowBox > .wrapper > .box > ol > li > .inner {
          float: left;
          width: 100%;
          position: relative;
          color: #3865af;
          padding: 40px 40px 40px 64px;
          font-size: 18px; }
          .flowBox > .wrapper > .box > ol > li > .inner::after {
            content: "STEP";
            position: absolute;
            top: -44px;
            left: 2px;
            font-size: 14px;
            color: #3865af;
            z-index: 10; }

.kindsBox {
  float: left;
  width: 100%;
  background: #def7ff;
  padding: 100px 0 48px; }

.planBox {
  background: #fff;
  background-size: cover;
  padding-bottom: 80px;
  position: relative; }
  .planBox > h2 {
    background: rgba(8, 43, 82, 0.8);
    color: #fff;
    padding: 80px 100px;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
  .planBox > .wrapper {
    background: #fff;
    padding: 100px 24px 0;
    margin: 128px 0 0 0; }
    .planBox > .wrapper > .left {
      float: left;
      width: 100%; }
      .planBox > .wrapper > .left > table {
        width: 100%;
        border: 1px solid #ddd; }
        .planBox > .wrapper > .left > table > thead {
          width: 100%; }
          .planBox > .wrapper > .left > table > thead > tr {
            width: 100%; }
            .planBox > .wrapper > .left > table > thead > tr > th {
              text-align: center;
              font-size: 18px;
              line-height: 24px;
              padding: 16px 8px;
              border-bottom: 4px solid #3865af;
              width: calc(80% / 3); }
              .planBox > .wrapper > .left > table > thead > tr > th:nth-of-type(1) {
                width: 20%; }
              .planBox > .wrapper > .left > table > thead > tr > th:nth-of-type(2) {
                background: #e3e1ca; }
              .planBox > .wrapper > .left > table > thead > tr > th:nth-of-type(3) {
                background: #d0dfb3; }
              .planBox > .wrapper > .left > table > thead > tr > th:nth-of-type(4) {
                background: #c1e5ff; }
        .planBox > .wrapper > .left > table > tbody {
          width: 100%; }
          .planBox > .wrapper > .left > table > tbody > tr {
            width: 100%;
            border-bottom: 1px solid #ddd; }
            .planBox > .wrapper > .left > table > tbody > tr:last-of-type {
              border-bottom: none; }
            .planBox > .wrapper > .left > table > tbody > tr > th, .planBox > .wrapper > .left > table > tbody > tr td {
              padding: 8px;
              line-height: 24px;
              font-size: 18px; }
            .planBox > .wrapper > .left > table > tbody > tr > th {
              border-right: 1px solid #ddd; }
            .planBox > .wrapper > .left > table > tbody > tr > td {
              text-align: center;
              vertical-align: middle; }
              .planBox > .wrapper > .left > table > tbody > tr > td > .link {
                color: #e10004;
                background: none;
                float: none;
                padding: 0; }
                .planBox > .wrapper > .left > table > tbody > tr > td > .link:hover {
                  text-decoration: underline; }
              .planBox > .wrapper > .left > table > tbody > tr > td:nth-of-type(1) {
                background: #fcfae8; }
              .planBox > .wrapper > .left > table > tbody > tr > td:nth-of-type(2) {
                background: #edefe8; }
              .planBox > .wrapper > .left > table > tbody > tr > td:nth-of-type(3) {
                background: #eff8ff; }
    .planBox > .wrapper > .right {
      float: left;
      width: 100%;
      margin-top: 24px;
      margin-bottom: 48px; }
      .planBox > .wrapper > .right > .etc {
        float: left;
        width: 50%;
        border: 1px solid #ddd; }
        .planBox > .wrapper > .right > .etc > h3 {
          float: left;
          width: 100%;
          background: #ffd4ff;
          font-size: 18px;
          line-height: 24px;
          padding: 8px;
          border-bottom: 4px solid #3865af; }
        .planBox > .wrapper > .right > .etc > p {
          padding: 16px;
          font-size: 18px;
          line-height: 24px; }
      .planBox > .wrapper > .right > .note {
        float: left;
        width: 50%;
        font-size: 14px;
        line-height: 24px;
        color: #e10004;
        padding: 8px 32px; }

.documentsBox {
  float: left;
  width: 100%;
  background: url(/img/owner/img10.jpg) no-repeat;
  background-size: cover;
  padding: 100px 0 48px; }
  .documentsBox > .wrapper > h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    margin-bottom: 64px; }
  .documentsBox > .wrapper > .inner {
    float: left;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 48px;
    margin-bottom: 64px; }
    .documentsBox > .wrapper > .inner > h3 {
      font-size: 18px;
      margin-bottom: 16px;
      color: #3865af; }
    .documentsBox > .wrapper > .inner > ul {
      float: left;
      width: 100%;
      margin-bottom: 24px;
      margin-left: 2%; }
      .documentsBox > .wrapper > .inner > ul > li {
        float: left;
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        list-style: disc; }
    .documentsBox > .wrapper > .inner > p {
      float: left;
      width: 100%; }

.adviceBox {
  background: url(/img/owner/img11.jpg) no-repeat;
  background-position: center;
  background-size: cover; }
  .adviceBox > h2 {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 64px 0;
    color: #fff;
    font-size: 24px; }
  .adviceBox > .wrapper {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 32px;
    margin: 80px 0; }
    .adviceBox > .wrapper > .kinds {
      width: 100%;
      margin-bottom: 64px; }
      .adviceBox > .wrapper > .kinds > h3 {
        width: 100%;
        font-size: 24px;
        margin-bottom: 32px; }
      .adviceBox > .wrapper > .kinds > p {
        margin-bottom: 32px; }
    .adviceBox > .wrapper > .comparison > h3 {
      width: 100%;
      font-size: 24px;
      margin-bottom: 32px;
      color: #3865af; }
    .adviceBox > .wrapper > .comparison > table {
      width: 100%;
      border-left: 1px solid #ddd; }
      .adviceBox > .wrapper > .comparison > table > thead {
        width: 100%; }
        .adviceBox > .wrapper > .comparison > table > thead > tr {
          border-left: 1px solid #ddd; }
          .adviceBox > .wrapper > .comparison > table > thead > tr > th {
            padding: 8px;
            line-height: 24px;
            font-size: 18px;
            border: 1px solid #ddd;
            background: #333;
            color: #fff; }
      .adviceBox > .wrapper > .comparison > table > tbody {
        width: 100%; }
        .adviceBox > .wrapper > .comparison > table > tbody > tr > th, .adviceBox > .wrapper > .comparison > table > tbody > tr td {
          padding: 8px 16px;
          line-height: 24px;
          font-size: 16px;
          border: 1px solid #ddd;
          border-bottom: none;
          border-left: none;
          vertical-align: middle; }
        .adviceBox > .wrapper > .comparison > table > tbody > tr > th {
          width: 160px;
          background: #def7ff; }
        .adviceBox > .wrapper > .comparison > table > tbody > tr > td {
          background: #fff;
          width: calc(975px / 2); }
          .adviceBox > .wrapper > .comparison > table > tbody > tr > td > ol {
            width: 90%;
            margin-left: 5%; }
            .adviceBox > .wrapper > .comparison > table > tbody > tr > td > ol > li {
              width: 100%;
              list-style: decimal outside; }
    .adviceBox > .wrapper > .advice {
      float: left;
      width: 100%; }
      .adviceBox > .wrapper > .advice > h3 {
        width: 100%;
        font-size: 24px;
        margin-bottom: 32px;
        color: #3865af;
        margin-top: 32px; }
      .adviceBox > .wrapper > .advice > ul {
        width: 100%; }
        .adviceBox > .wrapper > .advice > ul > li {
          font-size: 16px;
          line-height: 24px;
          list-style: disc;
          width: 98%;
          margin-left: 2%; }
          .adviceBox > .wrapper > .advice > ul > li > strong {
            color: #3865af; }

.lendBox {
  background: url(/img/owner/img12.jpg) no-repeat;
  background-position: center;
  background-size: cover; }
  .lendBox > h2 {
    float: left;
    width: 100%;
    background: rgba(8, 43, 82, 0.8);
    padding: 64px 0;
    color: #fff;
    font-size: 24px; }
  .lendBox > .wrapper {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 80px;
    margin: 80px 0; }
    .lendBox > .wrapper > .box {
      width: 100%;
      margin-bottom: 32px; }
      .lendBox > .wrapper > .box > h3 {
        width: 100%;
        font-size: 24px;
        margin-bottom: 32px; }
      .lendBox > .wrapper > .box > p {
        width: 100%; }
        .lendBox > .wrapper > .box > p strong {
          color: #3865af; }
          .lendBox > .wrapper > .box > p strong.point {
            color: #e10004; }
      .lendBox > .wrapper > .box > ul {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 32px; }
        .lendBox > .wrapper > .box > ul > li {
          width: 90%;
          font-size: 16px;
          line-height: 24px;
          list-style: disc;
          margin-left: 2%; }

/*# sourceMappingURL=d--lp--owner.css.map */