/*! Writen  by SCSS */
.gnavi_in .gnavi_img .current {
  background: url("../images/common/nav_img_2ldk.jpg") center center/cover; }

.vsp375 {
  display: none; }
  @media screen and (max-width: 375px) {
    .vsp375 {
      display: block; } }

.wrap {
  padding-top: 0 !important; }

.inner {
  padding-left: 0;
  padding-right: 0; }

.head_2ldk {
  font-size: clamp(14px, 1.63vw, 18px);
  line-height: 1; }
  @media screen and (max-width: 480px) {
    .head_2ldk {
      font-size: calc(15vw / 3.9); } }

.lead_2ldk {
  font-size: clamp(16px, calc(27vw / 12.8), 27px);
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .lead_2ldk {
      font-size: calc(17vw / 3.9); } }

.read_2ldk {
  color: #595757;
  font-size: clamp(12px, calc(18vw / 13.2), 18px);
  line-height: 2.3;
  font-weight: 600;
  letter-spacing: 0.08em; }
  @media screen and (max-width: 480px) {
    .read_2ldk {
      font-weight: bold;
      font-size: calc(14vw / 3.9);
      letter-spacing: 0.05em; } }

.sec_main_image {
  position: relative; }
  .sec_main_image img {
    width: 100%; }

.bg_head_wrap {
  text-align: center;
  color: #fff;
  padding-top: clamp(30px, 4.17%, 50px);
  padding-bottom: clamp(30px, 4.17%, 50px); }
  @media screen and (max-width: 480px) {
    .bg_head_wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  .bg_head_wrap.bg_blue {
    padding-top: clamp(40px, 5%, 60px);
    padding-bottom: clamp(40px, 5%, 60px);
    background: linear-gradient(-30deg, #002870 0%, #0054a7 100%); }
    @media screen and (max-width: 480px) {
      .bg_head_wrap.bg_blue {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .bg_head_wrap.bg_blue .lead_2ldk {
      color: #dfd7c2; }
  .bg_head_wrap.bg_brown {
    background: linear-gradient(-30deg, #68582f 0%, #9c8556 100%); }
  .bg_head_wrap .head_2ldk {
    margin-bottom: 1.5em; }
    @media screen and (max-width: 480px) {
      .bg_head_wrap .head_2ldk {
        margin-bottom: 0.8em; } }

.sec01_lead_wrap {
  color: #595757;
  padding-bottom: clamp(50px, 6.67%, 80px); }
  .sec01_lead_wrap .border {
    font-size: clamp(15px, calc(24vw / 13.2), 24px);
    width: 1px;
    border-right: 1px solid #595757;
    height: 4.8em;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .sec01_lead_wrap .border {
        height: 3em; } }
  .sec01_lead_wrap .head_2ldk {
    color: #595757;
    margin-bottom: clamp(30px, 4.17%, 50px);
    margin-top: 0.8em; }
  .sec01_lead_wrap .lead_2ldk {
    margin-bottom: 25px; }

.sec01_bg_wrap {
  background: linear-gradient(-30deg, #e5e4e6 0%, #f7f7f8 100%); }

.sec01_bg_inner {
  position: relative;
  max-width: 620px;
  padding-top: clamp(30px, 4.17%, 50px);
  padding-bottom: clamp(50px, 6.67%, 80px); }
  .sec01_bg_inner .illust {
    position: absolute;
    z-index: 2;
    top: 0; }
  .sec01_bg_inner .illust_01 {
    max-width: 96px;
    width: 15.49%;
    left: 3.88%;
    margin-top: 25.81%; }
    @media screen and (max-width: 480px) {
      .sec01_bg_inner .illust_01 {
        left: -10px;
        margin-top: 35%; } }
  .sec01_bg_inner .illust_02 {
    max-width: 87px;
    width: 14.04%;
    right: 3.88%;
    margin-top: 49.2%; }
    @media screen and (max-width: 480px) {
      .sec01_bg_inner .illust_02 {
        right: -15px;
        margin-top: 65%;
        margin-top: 58%; } }
  .sec01_bg_inner .illust_03 {
    max-width: 118px;
    width: 19.04%;
    left: 9.68%;
    left: 1.62%;
    margin-top: 70.97%;
    margin-top: 72.59%; }
    @media screen and (max-width: 480px) {
      .sec01_bg_inner .illust_03 {
        left: -10px;
        margin-top: 115%; } }

.sec01_bg_list {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 25px 0;
  margin-bottom: 10px; }
  .sec01_bg_list .item {
    background: #fff;
    border-radius: 22px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    padding: 20px 10px; }
    @media screen and (max-width: 480px) {
      .sec01_bg_list .item {
        border-radius: 15px;
        padding: 20px 0; } }
    .sec01_bg_list .item .sec_ttl_ja {
      color: #004098;
      margin-bottom: 0.6em;
      line-height: 1; }
    .sec01_bg_list .item .sec_read {
      line-height: 1.75;
      letter-spacing: 0;
      font-weight: 600;
      color: #595757;
      font-size: clamp(12px, calc(18vw / 13.2), 18px); }
      @media screen and (max-width: 480px) {
        .sec01_bg_list .item .sec_read {
          font-size: calc(13vw / 3.9); } }

.sec02 .inner {
  max-width: 850px;
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(80px, 10%, 120px); }
  .sec02 .inner .plan_head_wrap,
  .sec02 .inner .plan_slide_wrap,
  .sec02 .inner .hanrei_wrap {
    max-width: 750px;
    margin-inline: auto; }
  .sec02 .inner .hanrei_wrap {
    margin-top: clamp(25px, 3.34%, 40px);
    margin-inline: auto; }
    .sec02 .inner .hanrei_wrap .hanrei_list {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      font-size: 10px;
      line-height: 1;
      gap: 0.5em;
      margin-bottom: 10px; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .hanrei_wrap .hanrei_list {
          display: none; } }
      .sec02 .inner .hanrei_wrap .hanrei_list .item {
        display: flex;
        align-items: baseline;
        gap: 0.25em; }
        .sec02 .inner .hanrei_wrap .hanrei_list .item .icon {
          width: 3em; }
      .sec02 .inner .hanrei_wrap .hanrei_list .item_wide {
        width: 100%; }
    .sec02 .inner .hanrei_wrap .cap_l {
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .hanrei_wrap .cap_l {
          font-size: 8px; } }

.plan_head_wrap {
  display: flex; }
  @media screen and (max-width: 767px) {
    .plan_head_wrap {
      display: block; } }
  .plan_head_wrap .t1 {
    font-size: clamp(12px, calc(14vw / 8), 14px); }
    @media screen and (max-width: 767px) {
      .plan_head_wrap .t1 {
        text-align: center; } }
  .plan_head_wrap .name {
    width: calc(130% / 8);
    background: linear-gradient(-30deg, #e5e4e6 0%, #f7f7f8 100%); }
    @media screen and (max-width: 767px) {
      .plan_head_wrap .name {
        display: flex;
        justify-content: center;
        align-items: baseline;
        width: 80%;
        margin: 0 auto;
        padding: 4px 0 6px; } }
    .plan_head_wrap .name .name1 {
      font-size: clamp(23px, calc(30vw / 8), 30px);
      text-align: center;
      line-height: 1.62;
      border-bottom: solid 1px #d0d1d1; }
      .plan_head_wrap .name .name1 .s {
        font-size: 70%; }
      @media screen and (max-width: 767px) {
        .plan_head_wrap .name .name1 {
          border-bottom: none;
          line-height: 1; } }
    .plan_head_wrap .name .name2 {
      font-size: clamp(15px, calc(17vw / 8), 17px);
      line-height: 3;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .plan_head_wrap .name .name2 {
          border-left: solid 1px #d0d1d1;
          padding-left: 1em;
          margin-left: 1em;
          line-height: 1;
          display: none; } }
  .plan_head_wrap .dtl {
    width: calc(670% / 7.5); }
    @media screen and (max-width: 767px) {
      .plan_head_wrap .dtl {
        width: 100%;
        text-align: center; } }
    .plan_head_wrap .dtl .plan {
      padding-left: calc(20% / 4.9);
      padding-left: calc(20% / 7.5);
      font-size: clamp(25px, calc(33vw / 6.7), 33px);
      line-height: 1.46;
      border-bottom: solid 1px #918b8a; }
      .plan_head_wrap .dtl .plan .s {
        font-size: 75%; }
      .plan_head_wrap .dtl .plan .s_02 {
        font-size: 45%; }
      .plan_head_wrap .dtl .plan .cap {
        display: inline-block;
        margin-left: 1em;
        font-size: 11px; }
        @media screen and (max-width: 767px) {
          .plan_head_wrap .dtl .plan .cap {
            font-size: 12px; } }
      @media screen and (max-width: 767px) {
        .plan_head_wrap .dtl .plan {
          line-height: 0.8;
          padding: 0.6em 0 0.6em; } }
    .plan_head_wrap .dtl .area {
      padding-left: calc(20% / 4.9);
      font-size: clamp(12px, calc(13vw / 6.2), 13px);
      line-height: 1.3; }
      .plan_head_wrap .dtl .area .l1 {
        font-size: 240%; }
      .plan_head_wrap .dtl .area .l2 {
        font-size: 160%; }

.sec02_plan_wrap {
  max-width: 750px;
  width: calc(100% - 70px);
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .sec02_plan_wrap {
      width: 100%; } }
  .sec02_plan_wrap .plan_inner {
    margin: 30px auto 0;
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      .sec02_plan_wrap .plan_inner {
        flex-direction: column;
        align-items: center;
        gap: 15px 0;
        width: 100%; } }
    .sec02_plan_wrap .plan_inner .plan_merit_list {
      font-size: clamp(14px, 2.85vw, 20px);
      line-height: 1.5;
      width: calc(82%/7.5); }
      @media screen and (max-width: 480px) {
        .sec02_plan_wrap .plan_inner .plan_merit_list {
          width: 100%;
          writing-mode: horizontal-tb; } }
      @media screen and (max-width: 480px) {
        .sec02_plan_wrap .plan_inner .plan_merit_list .pc_txt {
          display: none; } }
      @media screen and (min-width: 481px) {
        .sec02_plan_wrap .plan_inner .plan_merit_list .item:not(.pc_txt) {
          display: none; } }
      .sec02_plan_wrap .plan_inner .plan_merit_list .text_row {
        writing-mode: horizontal-tb;
        display: inline-block;
        line-height: 1; }
  .sec02_plan_wrap.sec02_plan_wrap_h .plan_inner .plan_merit_list {
    width: calc(82%/6.8); }
    @media screen and (max-width: 480px) {
      .sec02_plan_wrap.sec02_plan_wrap_h .plan_inner .plan_merit_list {
        width: 100%; } }
  .sec02_plan_wrap.sec02_plan_wrap_h .plan_inner .plan_figure {
    width: calc(580%/6.8); }
    @media screen and (max-width: 480px) {
      .sec02_plan_wrap.sec02_plan_wrap_h .plan_inner .plan_figure {
        width: 76.43%;
        width: 100%; } }
  .sec02_plan_wrap.sec02_plan_wrap_k .plan_inner .plan_merit_list {
    width: calc(60%/6.8); }
    @media screen and (max-width: 480px) {
      .sec02_plan_wrap.sec02_plan_wrap_k .plan_inner .plan_merit_list {
        width: 100%; } }
  .sec02_plan_wrap.sec02_plan_wrap_k .plan_inner .plan_figure {
    width: calc(580%/6.8); }
    @media screen and (max-width: 480px) {
      .sec02_plan_wrap.sec02_plan_wrap_k .plan_inner .plan_figure {
        width: 100%; } }

.sec03_content_wrap .sec03_content .inner {
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec03_content_wrap .sec03_content .inner {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .sec03_content_wrap .sec03_content .inner .read_2ldk {
    text-align: center;
    margin-bottom: clamp(30px, 4.17%, 50px); }
    @media screen and (max-width: 480px) {
      .sec03_content_wrap .sec03_content .inner .read_2ldk {
        margin-bottom: 15px; } }
  .sec03_content_wrap .sec03_content .inner .data_box {
    margin-inline: auto; }
    .sec03_content_wrap .sec03_content .inner .data_box .data_head {
      font-size: clamp(11px, 1.12vw, 14px);
      margin-bottom: 0.8em; }
.sec03_content_wrap .sec03_content_01,
.sec03_content_wrap .sec03_content_03 {
  background: linear-gradient(-30deg, #e5e4e6 0%, #f7f7f8 100%); }
.sec03_content_wrap .sec03_content_01 .data_box {
  max-width: 616px; }
.sec03_content_wrap .sec03_content_02 .inner {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px); }
.sec03_content_wrap .sec03_content_02 .data_box {
  max-width: 616px; }
.sec03_content_wrap .sec03_content_03 .data_box {
  max-width: 477px; }
  .sec03_content_wrap .sec03_content_03 .data_box .cap_l {
    margin-top: 10px;
    line-height: 1.4; }
.sec03_content_wrap .sec03_content_04 .inner {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px); }

@media screen and (max-width: 530px) {
  .vpc530 {
    display: none; } }

.vsp530 {
  display: none; }
  @media screen and (max-width: 530px) {
    .vsp530 {
      display: block; } }

.sec03_bottom_wrap .inner {
  max-width: 780px;
  max-width: 850px;
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(80px, 10%, 120px); }
  @media screen and (max-width: 530px) {
    .sec03_bottom_wrap .inner {
      padding-top: 30px;
      padding-bottom: 60px; } }
  .sec03_bottom_wrap .inner .sec03_bottom_lead {
    max-width: 640px;
    margin-inline: auto;
    padding-bottom: clamp(40px, 5%, 60px); }
  .sec03_bottom_wrap .inner .sec03_plan_wrap {
    margin-top: 30px;
    max-width: 640px;
    max-width: 650px;
    margin-inline: auto;
    margin-right: calc(90%/6.5);
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 900px) {
      .sec03_bottom_wrap .inner .sec03_plan_wrap {
        margin-inline: auto; } }
    @media screen and (max-width: 530px) {
      .sec03_bottom_wrap .inner .sec03_plan_wrap {
        flex-direction: column;
        gap: 15px 0; } }
    .sec03_bottom_wrap .inner .sec03_plan_wrap .hanrei_wrap {
      order: 3; }
    .sec03_bottom_wrap .inner .sec03_plan_wrap .plan_illust {
      max-width: 366px;
      width: 57.19%;
      max-width: 366px;
      width: 56.31%; }
      @media screen and (max-width: 530px) {
        .sec03_bottom_wrap .inner .sec03_plan_wrap .plan_illust {
          width: 76.43%;
          margin-inline: auto;
          position: relative;
          order: 2; } }
      .sec03_bottom_wrap .inner .sec03_plan_wrap .plan_illust .houi {
        width: 30px;
        position: absolute;
        right: -30px;
        bottom: 0; }
    .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box {
      width: 40.63%;
      width: 41.54%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 530px) {
        .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box {
          order: 1;
          width: 100%;
          gap: 15px 0; } }
      .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list {
        margin-top: 15.39%; }
        @media screen and (max-width: 530px) {
          .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list {
            margin-top: 0; } }
        .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item {
          padding-bottom: 7.7%;
          border-bottom: 3px dotted #898989; }
          @media screen and (max-width: 530px) {
            .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item {
              padding-bottom: 15px; } }
          .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item + .item {
            padding-top: 7.7%; }
            @media screen and (max-width: 530px) {
              .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item + .item {
                padding-top: 15px; } }
          .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item .poinr_head {
            font-size: clamp(12px, 2.2vw, 15px);
            line-height: 1;
            color: #004098;
            margin-bottom: 0.7em; }
            @media screen and (max-width: 530px) {
              .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item .poinr_head {
                font-weight: bold;
                font-size: calc(13vw / 3.9); } }
          .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item .read_2ldk {
            color: #231815;
            font-weight: 500;
            font-size: clamp(14px, calc(19vw / 13.2), 19px);
            line-height: 1.39; }
            @media screen and (max-width: 530px) {
              .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .point_list .item .read_2ldk {
                font-size: calc(14vw / 3.9); } }
      .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .hanrei_wrap {
        margin-bottom: 23.08%; }
        @media screen and (max-width: 530px) {
          .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .hanrei_wrap {
            margin-bottom: 0; } }
        .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .hanrei_wrap .icon_compass {
          max-width: 37px;
          width: 14.24%;
          margin-bottom: 10px; }
        .sec03_bottom_wrap .inner .sec03_plan_wrap .text_box .hanrei_wrap .cap_l + .cap_l {
          margin-top: 5px; }

.slide_outer {
  position: relative; }

.swiper-paginationWrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 200; }
  @media screen and (max-width: 767px) {
    .swiper-paginationWrap {
      right: 0;
      left: -10px;
      right: -10px; } }
  .swiper-paginationWrap .btn-wrap {
    display: flex;
    justify-content: space-between;
    gap: 10px; }
    .swiper-paginationWrap .btn-wrap .prev, .swiper-paginationWrap .btn-wrap .next {
      padding: 0;
      margin: 0;
      width: 36px;
      height: 36px;
      background: none;
      border: none;
      outline: none;
      transition: 0.4s ease;
      cursor: pointer; }
      .swiper-paginationWrap .btn-wrap .prev::after, .swiper-paginationWrap .btn-wrap .next::after {
        display: none; }
      @media screen and (max-width: 767px) {
        .swiper-paginationWrap .btn-wrap .prev, .swiper-paginationWrap .btn-wrap .next {
          width: 26px;
          height: 26px; } }
  @media screen and (max-width: 480px) {
    .swiper-paginationWrap.sp01 {
      top: 120vw; } }
  @media screen and (max-width: 480px) {
    .swiper-paginationWrap.sp02 {
      top: 136vw; } }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.1; }

.swiper-pagination {
  position: relative;
  margin-top: clamp(15px, calc(40vw / 12.8), 40px); }

.swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  background: #013a91;
  border-radius: 0% !important;
  margin-inline: 10px !important; }
  @media screen and (max-width: 480px) {
    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      margin-inline: 5px !important; } }

/*# sourceMappingURL=2ldk.css.map */