/*! Writen  by SCSS */
.bg_outer {
  position: relative;
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(80px, 10%, 120px); }

.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 + .sec {
    margin-top: clamp(80px, 10%, 120px); }

.sec_lead_wrap {
  max-width: 1178px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .sec_lead_wrap {
      display: flex;
      flex-direction: column;
      gap: 25px 0;
      padding: 15px; } }
  .sec_lead_wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 49.5%;
    position: relative;
    z-index: -1;
    background: url("../../pickup_4ldk/image/bg_lead.png") center/cover no-repeat; }
    @media screen and (max-width: 640px) {
      .sec_lead_wrap::before {
        padding-top: 0;
        position: absolute;
        inset: 0;
        background: #fff;
        border: 1px solid #907127; } }
  .sec_lead_wrap::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: -2; }
    @media screen and (max-width: 640px) {
      .sec_lead_wrap::after {
        background: #c7b893;
        transform: rotate(2deg); } }
  .sec_lead_wrap .sec_head {
    position: absolute;
    z-index: 2;
    width: 31.84%;
    top: 0.86%;
    left: -2.12%; }
    @media screen and (max-width: 640px) {
      .sec_lead_wrap .sec_head {
        width: 60%;
        top: -15px; } }
  .sec_lead_wrap .sec_lead {
    position: absolute;
    z-index: 1; }
    @media screen and (max-width: 640px) {
      .sec_lead_wrap .sec_lead {
        position: static;
        margin-left: auto;
        margin-right: auto; } }
    .sec01 .sec_lead_wrap .sec_lead {
      width: 41.52%;
      top: 6.87%;
      left: 2.55%; }
      @media screen and (max-width: 640px) {
        .sec01 .sec_lead_wrap .sec_lead {
          width: 96.45%; } }
    .sec02 .sec_lead_wrap .sec_lead {
      width: 42.03%;
      top: 6.87%;
      left: 1.28%; }
      @media screen and (max-width: 640px) {
        .sec02 .sec_lead_wrap .sec_lead {
          width: 97.64%; } }
    .sec03 .sec_lead_wrap .sec_lead {
      width: 43.04%;
      top: 6.01%;
      left: 1.7%; }
      @media screen and (max-width: 640px) {
        .sec03 .sec_lead_wrap .sec_lead {
          width: 100%; } }
  .sec_lead_wrap .sec_merit_wrap {
    width: 47.97%;
    margin-left: auto;
    margin-right: 2.55%;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 640px) {
      .sec_lead_wrap .sec_merit_wrap {
        position: static;
        width: 100%;
        padding-top: 25px;
        border-top: 1px dotted #575757;
        margin-left: auto;
        margin-right: auto; } }
    .sec_lead_wrap .sec_merit_wrap::before {
      content: "";
      display: block;
      position: absolute;
      top: 40px;
      bottom: 40px;
      border-left: 2px dotted #575757;
      left: -5.3%; }
      @media screen and (max-width: 640px) {
        .sec_lead_wrap .sec_merit_wrap::before {
          content: none; } }
    .sec_lead_wrap .sec_merit_wrap .merit_lead {
      text-align: center;
      font-size: clamp(10px, 1.37vw, 17px);
      line-height: 1.77;
      margin-bottom: 1.17em; }
      @media screen and (max-width: 640px) {
        .sec_lead_wrap .sec_merit_wrap .merit_lead {
          font-size: 14px; } }
    .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.68vw 1.41%; }
    .sec03 .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) {
        .sec03 .sec_lead_wrap .sec_merit_wrap .reform_image {
          width: calc(100% + 20px);
          margin-left: -10px;
          margin-right: -10px; } }
  .sec_lead_wrap .cap_r {
    margin-top: 5px; }

.plan_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(30px, 4.17%, 50px); }
  @media screen and (max-width: 640px) {
    .plan_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .plan_wrap .plan_figure {
    max-width: 600px;
    width: 50%; }
    @media screen and (max-width: 640px) {
      .plan_wrap .plan_figure {
        width: 80%;
        align-self: center; } }
  .plan_wrap .text_wrap {
    display: flex;
    flex-direction: column;
    width: 46.92%;
    gap: 10px 0; }
    @media screen and (max-width: 640px) {
      .plan_wrap .text_wrap {
        width: 100%; } }
    .plan_wrap .text_wrap .plan_head + .cap_l {
      margin-top: 10px; }
    .plan_wrap .text_wrap .plan_point_list {
      margin-top: auto;
      font-size: clamp(14px, 1.61vw, 20px);
      display: flex;
      flex-direction: column;
      text-align: center;
      line-height: 1.46;
      border-top: 1px solid #c7b893;
      color: #333;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 640px) {
        .plan_wrap .text_wrap .plan_point_list {
          margin-top: 15px; } }
      .plan_wrap .text_wrap .plan_point_list .item {
        padding-top: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #c7b893; }
        .plan_wrap .text_wrap .plan_point_list .item .text_color {
          color: #bf5456; }
    .plan_wrap .text_wrap .plan_image_box {
      max-width: 560px; }
    .sec01 .plan_wrap .text_wrap .plan_image_box {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .sec01 .plan_wrap .text_wrap .plan_image_box .plan_image_left {
        max-width: 280px;
        width: 50%; }
      .sec01 .plan_wrap .text_wrap .plan_image_box .plan_image_right {
        max-width: 270px;
        width: 48.22%; }
    .plan_wrap .text_wrap .hanrei_list {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      font-size: clamp(10px, 0.96vw, 12px);
      gap: 0.4em 1em; }
      .plan_wrap .text_wrap .hanrei_list .item {
        display: flex;
        align-items: center;
        gap: 0.25em; }
        .plan_wrap .text_wrap .hanrei_list .item .item_icon {
          width: 2.33em; }

/*# sourceMappingURL=pickup_4ldk.css.map */