/*! Writen  by SCSS */
section.first_sec {
  padding-top: 60px; }
  @media screen and (max-width: 820px) {
    section.first_sec {
      padding-top: 50px; } }

@media screen and (min-width: 960px) {
  .read {
    font-size: clamp(11px, 1.143vw, 16px); } }

.black.no_shadow .cap {
  text-shadow: none; }

.sec01 {
  margin-bottom: clamp(40px, 7.917vw, 95px); }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 80px; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec_ttl_group .sec_ttl {
      line-height: 1.4;
      color: #333; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec_ttl_group .sec_ttl .text_in {
      display: inline-block;
      margin-bottom: .5em;
      font-size: 120%;
      line-height: 1.3;
      color: #c27d2d; } }
  .sec01 .img_wrap {
    position: relative;
    max-width: 1000px; }
    @media screen and (max-width: 480px) {
      .sec01 .img_wrap {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01 .img_wrap .pnci span {
        padding: 0; } }
    .sec01 .img_wrap .icon {
      position: absolute;
      bottom: 0;
      right: 8.51%;
      padding-bottom: 10px;
      width: 34.01%; }
      @media screen and (max-width: 480px) {
        .sec01 .img_wrap .icon {
          /*position: relative;
          right: auto;
          bottom: auto;
          text-align: right;
          margin-left: auto;*/
          width: 50%;
          padding-bottom: 0;
          right: 7.01%; } }

.sec02 {
  margin-bottom: 120px; }
  @media screen and (max-width: 768px) {
    .sec02 {
      margin-bottom: 80px; } }
  .sec02 .item_wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec02 .item_wrap {
        flex-wrap: wrap; } }
    .sec02 .item_wrap .item {
      width: 29.84%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(15px, 2.017vw, 25px);
      row-gap: 0; }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap .item {
          width: 100%; } }
      .sec02 .item_wrap .item .ttl {
        display: flex;
        align-items: center;
        column-gap: 5.27%;
        line-height: 1.6;
        color: #c27d2d;
        font-size: clamp(14px, 1.775vw, 22px);
        margin-bottom: 0.5em; }
        @media screen and (max-width: 480px) {
          .sec02 .item_wrap .item .ttl {
            font-size: 16px;
            column-gap: 10px;
            margin-bottom: .25em; } }
        .sec02 .item_wrap .item .ttl .icon {
          width: 13.52%;
          display: block; }
          @media screen and (max-width: 480px) {
            .sec02 .item_wrap .item .ttl .icon {
              width: 35px; } }
      .sec02 .item_wrap .item .read {
        line-height: 1.88;
        margin-bottom: 1.5em; }
  .sec02 .item_wrap01 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 50px;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec02 .item_wrap01 {
        margin-bottom: 25px;
        padding-bottom: 25px; } }
    .sec02 .item_wrap01 .item01 {
      width: 64.92%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: clamp(15px, 2.42vw, 30px) 2.42%;
      background: #f1ede6;
      align-items: center;
      row-gap: clamp(0px, 0.807vw, 10px); }
      @media screen and (max-width: 768px) {
        .sec02 .item_wrap01 .item01 {
          padding-inline: 10px; } }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap01 .item01 {
          row-gap: 15px;
          width: 100%;
          padding: 15px 10px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap01 .item01 .ttl {
          margin-bottom: -10px; } }
      .sec02 .item_wrap01 .item01 .text_wrap {
        width: 51.68%; }
        @media screen and (max-width: 768px) {
          .sec02 .item_wrap01 .item01 .text_wrap {
            width: 58.13%; } }
        @media screen and (max-width: 480px) {
          .sec02 .item_wrap01 .item01 .text_wrap {
            width: 100%;
            margin-bottom: 10px; } }
        .sec02 .item_wrap01 .item01 .text_wrap .read {
          margin-bottom: 1.5em;
          line-height: 1.88; }
          @media screen and (max-width: 480px) {
            .sec02 .item_wrap01 .item01 .text_wrap .read {
              margin-bottom: 1em; } }
        .sec02 .item_wrap01 .item01 .text_wrap .text_in {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
          @media screen and (max-width: 480px) {
            .sec02 .item_wrap01 .item01 .text_wrap .text_in {
              justify-content: flex-start;
              column-gap: 12px; } }
          .sec02 .item_wrap01 .item01 .text_wrap .text_in .left {
            width: 44.16%;
            width: fit-content;
            font-size: clamp(15px, 1.613vw, 20px); }
            .sec02 .item_wrap01 .item01 .text_wrap .text_in .left .txt01 {
              text-align: center;
              line-height: 1;
              margin-bottom: 0.5em; }
            .sec02 .item_wrap01 .item01 .text_wrap .text_in .left .txt02 {
              background: #d70051;
              color: #fff;
              line-height: 1;
              text-align: center;
              padding: 7px 20px;
              font-size: 120%; }
              @media screen and (max-width: 480px) {
                .sec02 .item_wrap01 .item01 .text_wrap .text_in .left .txt02 {
                  padding-inline: 30px; } }
          .sec02 .item_wrap01 .item01 .text_wrap .text_in .b_txt {
            line-height: 1;
            color: #d70051;
            font-size: clamp(30px, 6.154vw, 80px); }
            @media screen and (max-width: 480px) {
              .sec02 .item_wrap01 .item01 .text_wrap .text_in .b_txt {
                font-size: 60px; } }
            .sec02 .item_wrap01 .item01 .text_wrap .text_in .b_txt.small {
              font-size: 70%; }
      .sec02 .item_wrap01 .item01 .img {
        width: 40.94%; }
        @media screen and (max-width: 480px) {
          .sec02 .item_wrap01 .item01 .img {
            width: 70%;
            margin-inline: auto; } }
        .sec02 .item_wrap01 .item01 .img .cap {
          padding: 0; }
    .sec02 .item_wrap01 .item02 {
      width: 29.84%; }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap01 .item02 {
          width: 100%; } }
  .sec02 .item_wrap02 {
    flex-wrap: wrap;
    row-gap: 40px; }
    @media screen and (max-width: 480px) {
      .sec02 .item_wrap02 {
        row-gap: 25px; } }
    .sec02 .item_wrap02 .item:nth-child(-n+3) {
      padding-bottom: 40px;
      border-bottom: 1px dashed #ccc; }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap02 .item:nth-child(-n+3) {
          padding-bottom: 25px; } }
    @media screen and (max-width: 480px) {
      .sec02 .item_wrap02 .item {
        padding-bottom: 25px;
        border-bottom: 1px dashed #ccc; }
        .sec02 .item_wrap02 .item:nth-last-child(1) {
          border-bottom: none;
          padding-bottom: 0; } }

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