<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! Writen  by SCSS */
.contents::before {
  content: none; }

.bg_outer {
  position: relative;
  padding-top: 33px;
  background: #fff;
  z-index: 2; }
  @media screen and (max-width: 640px) {
    .bg_outer {
      padding-top: 0; } }

.inner {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.flex {
  display: flex;
  justify-content: space-between; }

.flex_wrap {
  flex-wrap: wrap; }

.flex_rr {
  flex-direction: row-reverse; }

.pos_r {
  position: relative; }

.pos_a {
  position: absolute; }

.sec {
  box-sizing: border-box; }

.sec_main {
  position: relative; }
  .sec_main .main_txt {
    width: calc(629%/16);
    position: absolute;
    top: calc(77%/7.48);
    left: calc(44%/16); }
    @media screen and (max-width: 640px) {
      .sec_main .main_txt {
        top: calc(23%/3.8);
        left: 0;
        right: 0;
        width: 65%;
        margin: auto; } }

.sec01 .obi_wrap {
  line-height: 0;
  padding: 49px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../../4ldk/image/obi_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1000px) {
    .sec01 .obi_wrap {
      padding: calc(49%/16) 20px; } }
  @media screen and (max-width: 640px) {
    .sec01 .obi_wrap {
      padding: 15px 20px;
      background-image: url("../../4ldk/image/obi_bg_sp.jpg"); } }
  .sec01 .obi_wrap .obi_txt {
    width: calc(903%/16);
    margin: 0 auto; }
    @media screen and (max-width: 640px) {
      .sec01 .obi_wrap .obi_txt {
        width: calc(250%/4.14); } }
.sec01 .btn_wrap {
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  @media screen and (max-width: 640px) {
    .sec01 .btn_wrap {
      padding: 20px 0; } }
  .sec01 .btn_wrap .plan_btns {
    max-width: 1070px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .sec01 .btn_wrap .plan_btns li {
      width: calc(341%/10.7);
      margin-right: calc(15.66%/10.7); }
      .sec01 .btn_wrap .plan_btns li:nth-child(-n+3) {
        margin-bottom: calc(20%/10.7); }
      .sec01 .btn_wrap .plan_btns li:nth-child(3), .sec01 .btn_wrap .plan_btns li:last-child {
        margin-right: 0; }
      .sec01 .btn_wrap .plan_btns li a {
        display: block;
        position: relative; }
        .sec01 .btn_wrap .plan_btns li a img {
          transition: opacity 0.3s ease-in-out; }
          .sec01 .btn_wrap .plan_btns li a img.on {
            position: absolute;
            inset: 0;
            margin: auto;
            opacity: 0; }
        .sec01 .btn_wrap .plan_btns li a:hover img.off {
          opacity: 0; }
        .sec01 .btn_wrap .plan_btns li a:hover img.on {
          opacity: 1; }
  .sec01 .btn_wrap .cap_l {
    margin-top: 20px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 640px) {
      .sec01 .btn_wrap .cap_l {
        width: auto;
        margin-top: 10px;
        padding-left: 1em;
        text-indent: -1em; } }

.sec_ttl_img {
  max-width: 1065px;
  margin: 0 auto;
  width: calc(100% - 40px);
  border-top: 1px solid #064078;
  border-bottom: 1px solid #064078;
  padding: calc(25%/10.65) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(40px, 5%, 60px); }
  .sec02 .sec_ttl_img img {
    width: calc(581%/10.65);
    margin: 0 auto; }
    @media screen and (max-width: 640px) {
      .sec02 .sec_ttl_img img {
        width: 100%; } }
  @media screen and (max-width: 640px) {
    .plan_a .sec_ttl_img {
      margin-bottom: 0; } }
  .plan_a .sec_ttl_img img {
    width: calc(335%/10.65);
    margin: 0 auto; }
    @media screen and (max-width: 640px) {
      .plan_a .sec_ttl_img img {
        width: 100%; } }

.sec02 {
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px);
  background: #f4fbfe; }
  .sec02 .box_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 55px 0; }
  .sec02 .sec_lead_wrap {
    max-width: 1007px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box; }
    @media screen and (max-width: 640px) {
      .sec02 .sec_lead_wrap {
        display: flex;
        flex-direction: column;
        gap: 25px 0;
        padding: 15px; } }
    .sec02 .sec_lead_wrap::before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 48.57%;
      position: relative;
      z-index: 1;
      background: url("../../4ldk/image/bg_lead.png") center/cover no-repeat; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap::before {
          padding-top: 0;
          position: absolute;
          inset: 0;
          background: #fff;
          border: 1px solid #907127; } }
    .sec02 .sec_lead_wrap::after {
      content: "";
      display: block;
      position: absolute;
      inset: 0;
      z-index: -2; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap::after {
          background: #c7b893;
          transform: rotate(2deg); } }
    .sec02 .sec_lead_wrap .sec_head {
      position: absolute;
      z-index: 2;
      width: 32.08%;
      top: 0.86%;
      left: -2.48%; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap .sec_head {
          width: 60%;
          top: -15px; } }
    .sec02 .sec_lead_wrap .sec_lead {
      position: absolute;
      z-index: 1; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap .sec_lead {
          position: static;
          margin-left: auto;
          margin-right: auto; } }
    .sec02 .sec_lead_wrap.item01 .sec_lead {
      width: 41.91%;
      top: 6.87%;
      left: 2.98%; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap.item01 .sec_lead {
          width: 96.45%; } }
    .sec02 .sec_lead_wrap.item02 .sec_lead {
      width: 42.11%;
      top: 6.87%;
      left: 1.49%; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap.item02 .sec_lead {
          width: 97.64%; } }
    .sec02 .sec_lead_wrap.item02 .point2_imgs {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sec02 .sec_lead_wrap.item02 .point2_imgs figure {
        width: calc(239%/4.86); }
        .sec02 .sec_lead_wrap.item02 .point2_imgs figure:nth-child(-n+2) {
          margin-bottom: calc(7%/4.86); }
    .sec02 .sec_lead_wrap.item03 .sec_lead {
      width: 43.2%;
      top: 6.01%;
      left: 1.99%; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap.item03 .sec_lead {
          width: 100%; } }
    .sec02 .sec_lead_wrap.item03 .point3_02s {
      position: relative;
      width: calc(419%/4.86);
      margin-left: calc(80%/4.86); }
      .sec02 .sec_lead_wrap.item03 .point3_02s .point3_03 {
        position: absolute;
        left: calc(-105%/4.19);
        top: calc(80%/3.21);
        width: calc(108%/4.19);
        z-index: 3; }
        @media screen and (max-width: 640px) {
          .sec02 .sec_lead_wrap.item03 .point3_02s .point3_03 {
            left: calc(-75% / 4.19);
            width: calc(83% / 4.19);
            top: calc(114% / 3.21); } }
      .sec02 .sec_lead_wrap.item03 .point3_02s .point3_04 {
        position: absolute;
        right: calc(-40%/4.19);
        top: calc(80%/3.21);
        width: calc(108%/4.19);
        z-index: 3; }
        @media screen and (max-width: 640px) {
          .sec02 .sec_lead_wrap.item03 .point3_02s .point3_04 {
            right: calc(18% / 4.19);
            width: calc(83% / 4.19);
            top: calc(114% / 3.21); } }
    .sec02 .sec_lead_wrap .sec_merit_wrap {
      width: 44.29%;
      width: 44.69%;
      margin-left: auto;
      margin-right: 2.98%;
      margin-right: 2.49%;
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 3; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap .sec_merit_wrap {
          position: static;
          width: 100%;
          padding-top: 25px;
          border-top: 1px dotted #575757;
          margin-left: auto;
          margin-right: auto; } }
      .sec02 .sec_lead_wrap .sec_merit_wrap::before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        bottom: 40px;
        border-left: 2px dotted #575757;
        left: -3.36%;
        z-index: 2; }
        @media screen and (max-width: 640px) {
          .sec02 .sec_lead_wrap .sec_merit_wrap::before {
            content: none; } }
      .sec02 .sec_lead_wrap .sec_merit_wrap .merit_lead {
        text-align: center;
        font-size: clamp(10px, 1.12vw, 15px);
        font-size: clamp(10px, 1.12vw, 14px);
        line-height: 2;
        margin-bottom: 1.17em; }
        @media screen and (max-width: 640px) {
          .sec02 .sec_lead_wrap .sec_merit_wrap .merit_lead {
            font-size: 14px; } }
      .box02 .sec02 .sec_lead_wrap .sec_merit_wrap .sec02_image_wrap {
        display: grid;
        align-items: start;
        align-content: start;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8vw 1.41%; }
      .box03 .sec02 .sec_lead_wrap .sec_merit_wrap .reform_image {
        position: relative;
        z-index: 2;
        width: 115.76%;
        margin-left: -7.96%;
        margin-right: -7.96%; }
        @media screen and (max-width: 640px) {
          .box03 .sec02 .sec_lead_wrap .sec_merit_wrap .reform_image {
            width: calc(100% + 20px);
            margin-left: -10px;
            margin-right: -10px; } }
    .sec02 .sec_lead_wrap .cap_r {
      margin-top: 5px; }

.plan_sec {
  padding-top: clamp(50px, 7.5%, 90px);
  padding-bottom: clamp(50px, 7.5%, 90px); }

.plan_g,
.plan_i {
  background: #f4fbfe; }

.plan_i .plan_figure {
  position: relative; }
  .plan_i .plan_figure .houi {
    max-width: 45px;
    width: 7.86%;
    position: absolute;
    bottom: 0;
    left: calc(-50%/5.73); }

.plan_wrap {
  display: flex;
  justify-content: center;
  grid-gap: 0 30px; }
  @media screen and (max-width: 640px) {
    .plan_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .plan_wrap .plan_figure {
    max-width: 573px;
    width: 47.75%; }
    @media screen and (max-width: 640px) {
      .plan_wrap .plan_figure {
        width: 80%;
        align-self: center; } }
  .plan_wrap .text_wrap {
    padding-top: clamp(30px, 4.17%, 50px);
    display: flex;
    flex-direction: column;
    width: 41.84%;
    gap: 10px 0; }
    @media screen and (max-width: 640px) {
      .plan_wrap .text_wrap {
        width: 100%; } }
    .plan_wrap .text_wrap .plan_head {
      margin-bottom: 15px; }
      @media screen and (max-width: 640px) {
        .plan_wrap .text_wrap .plan_head {
          margin-bottom: 15px; } }

.sec_last .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-gap: 20px 0; }
@media (hover: hover) {
  .sec_last .btn_cv a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out; } }

/*# sourceMappingURL=4ldk.css.map */
</pre></body></html>