/*! Writen  by SCSS */
h1 {
  margin-bottom: 0; }

.p-summary {
  padding-bottom: 30px; }

.m_ttl {
  font-size: clamp(14px, calc(29vw / 13.8), 29px);
  font-size: clamp(13px, calc(27vw / 13.8), 27px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .m_ttl {
      font-size: calc(18vw / 3.9);
      letter-spacing: 0.05em; } }

.g_ttl {
  color: #aea05b !important;
  text-align: center;
  font-weight: bold !important;
  margin-bottom: 0.5em !important; }

.contents_wrap {
  padding: 0;
  text-align: left; }
  .contents_wrap .container {
    padding: 0; }
  .contents_wrap .sec0 {
    padding-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec0 {
        padding-bottom: 40px;
        padding-bottom: 20px; } }
    .contents_wrap .sec0 .inner {
      max-width: 1380px; }
    .contents_wrap .sec0 .ttl {
      text-align: center; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec0 .ttl {
          margin-inline: auto;
          width: 62%;
          width: 100%; } }
    .contents_wrap .sec0 .p_ttl {
      font-size: clamp(14px, calc(28vw / 13.8), 28px);
      font-weight: 500;
      letter-spacing: 0.2em;
      line-height: 1.5;
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec0 .p_ttl {
          font-size: calc(20vw / 3.9);
          letter-spacing: 0.1em; } }
    .contents_wrap .sec0 .p_lead {
      font-size: clamp(11px, calc(16vw / 13.8), 16px);
      font-weight: 500;
      letter-spacing: 0.2em;
      line-height: 2.5; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec0 .p_lead {
          font-size: calc(13vw / 3.9);
          letter-spacing: 0.1em; } }
    .contents_wrap .sec0 .s_ttl {
      font-size: clamp(14px, calc(26vw / 13.8), 26px);
      font-weight: 400;
      letter-spacing: 0.1em;
      line-height: 1.8;
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec0 .s_ttl {
          font-size: calc(18vw / 3.9); } }
    .contents_wrap .sec0 .img3 {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec0 .img3 {
          flex-direction: column;
          gap: 15px; } }
      .contents_wrap .sec0 .img3 li {
        width: calc(448% / 13.8); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec0 .img3 li {
            width: 100%; } }
        .contents_wrap .sec0 .img3 li .cap_l {
          font-size: clamp(12px, calc(14vw / 13.8), 14px);
          margin-top: 3px; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec0 .sld1 img {
        width: 600px;
        max-width: none; } }
  .contents_wrap .green_ttl {
    font-size: clamp(16px, calc(29vw / 12.9), 29px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.15em;
    margin-bottom: 1em;
    color: #00471d;
    margin-bottom: 0.8em;
    font-weight: 600; }
    @media screen and (max-width: 480px) {
      .contents_wrap .green_ttl {
        font-size: calc(18vw / 3.9); } }
    .contents_wrap .green_ttl.ls_s {
      letter-spacing: 0.1em; }
  .contents_wrap .text {
    font-feature-settings: "palt";
    line-height: 2.2;
    line-height: 2.78;
    line-height: 2.39;
    letter-spacing: 0.15em;
    font-size: clamp(17px, calc(18vw / 11.8), 18px);
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .contents_wrap .text {
        font-size: calc(14vw / 3.9);
        letter-spacing: 0.08em;
        line-height: 2.23; } }
    .contents_wrap .text.ls_s {
      letter-spacing: 0.1em; }
    .contents_wrap .text.ls_s02 {
      letter-spacing: 0.12em; }
    .contents_wrap .text .small {
      font-size: 80%;
      display: block;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        .contents_wrap .text .small {
          margin-top: 5px;
          line-height: 1.6; } }
  .contents_wrap .cap_box .t_cap, .contents_wrap .cap_box .t_cap_b {
    top: calc(100% + 5px); }
    @media screen and (min-width: 480px) {
      .contents_wrap .cap_box .t_cap, .contents_wrap .cap_box .t_cap_b {
        text-shadow: none; } }
    @media screen and (max-width: 480px) {
      .contents_wrap .cap_box .t_cap, .contents_wrap .cap_box .t_cap_b {
        top: auto; } }
  .contents_wrap .sec01 {
    position: relative;
    padding-top: clamp(40px, calc(80vw / 13.8), 80px);
    margin-bottom: clamp(60px, calc(80vw / 13.8), 80px);
    padding-bottom: clamp(40px, calc(60vw / 13.8), 60px); }
    .contents_wrap .sec01::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("../images/design/bg01.jpg") center center/cover no-repeat;
      pointer-events: none;
      z-index: -1;
      opacity: .6; }
    .contents_wrap .sec01 .inner {
      max-width: 1345px; }
    .contents_wrap .sec01 .b_img {
      max-width: 884px;
      max-width: 848px;
      max-width: 764px;
      margin-inline: auto; }
    .contents_wrap .sec01 .sec01_wrap01 {
      display: flex;
      flex-direction: column;
      row-gap: 80px;
      margin-bottom: clamp(60px, calc(120vw / 13.8), 120px); }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec01 .sec01_wrap01 {
          row-gap: 50px; } }
      .contents_wrap .sec01 .sec01_wrap01 .item {
        display: flex;
        justify-content: center;
        column-gap: 2.61%;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec01 .sec01_wrap01 .item {
            flex-direction: column;
            row-gap: 20px; } }
        .contents_wrap .sec01 .sec01_wrap01 .item:nth-child(2n) {
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap01 .item:nth-child(2n) {
              flex-direction: column; } }
        .contents_wrap .sec01 .sec01_wrap01 .item .img {
          width: 39.41%; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap01 .item .img {
              width: 100%; } }
        .contents_wrap .sec01 .sec01_wrap01 .item .text_wrap {
          width: 37.77%; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap01 .item .text_wrap {
              width: 100%;
              text-align: center; } }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec01 .sec01_wrap01 .item .img, .contents_wrap .sec01 .sec01_wrap01 .item .text_wrap {
            width: 100% !important; } }
        .contents_wrap .sec01 .sec01_wrap01 .item.item01 {
          justify-content: center;
          column-gap: 2.24%; }
          .contents_wrap .sec01 .sec01_wrap01 .item.item01 .img {
            width: 61.72%; }
          .contents_wrap .sec01 .sec01_wrap01 .item.item01 .text_wrap {
            width: 31.98%; }
        .contents_wrap .sec01 .sec01_wrap01 .item.item02 .text_wrap {
          padding-right: 1.49%; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap01 .item.item02 .text_wrap {
              padding-right: 0; } }
        .contents_wrap .sec01 .sec01_wrap01 .item.item03 .img {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          row-gap: 10px; }
          .contents_wrap .sec01 .sec01_wrap01 .item.item03 .img .img_in {
            width: 49.06%; }
          .contents_wrap .sec01 .sec01_wrap01 .item.item03 .img .cap_r {
            width: 100%; }
        .contents_wrap .sec01 .sec01_wrap01 .item.item03 .text_wrap {
          padding-left: 1.49%; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap01 .item.item03 .text_wrap {
              padding-left: 0; } }
    .contents_wrap .sec01 .sec01_wrap02 .item_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: clamp(20px, calc(40vw / 13.8), 40px);
      justify-content: center;
      column-gap: 3.35%; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec01 .sec01_wrap02 .item_wrap {
          flex-direction: column;
          row-gap: 50px; } }
      .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item {
        width: 48.33%;
        width: 46.03%;
        max-width: 619px;
        display: flex;
        flex-direction: column;
        row-gap: clamp(10px, calc(25vw / 13.8), 25px); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item {
            width: 100%;
            text-align: center; } }
        .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item .img {
          margin-bottom: clamp(10px, calc(15vw / 13.8), 15px); }
          .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item .img.img03 {
            /*	@include mq($br_sp){
            		height: auto;
            	}*/ }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item .img {
              margin-bottom: 0;
              width: 100%;
              height: 100%;
              aspect-ratio: 265/118;
              aspect-ratio: 265/135; }
              .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover; } }
        .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item .text {
          line-height: 2.23; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item01 .img, .contents_wrap .sec01 .sec01_wrap02 .item_wrap .item02 .img {
          aspect-ratio: 265/150; } }
  .contents_wrap .sec02 {
    padding-bottom: 90px; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec02 {
        padding-bottom: 50px; } }
    .contents_wrap .sec02 .inner {
      max-width: 1280px; }
    .contents_wrap .sec02 .ttl_wrap {
      padding-bottom: 50px; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec02 .ttl_wrap {
          padding-bottom: 30px; } }
    .contents_wrap .sec02 .b_img {
      margin-bottom: clamp(60px, calc(100vw / 13.8), 100px); }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec02 .b_img img {
          max-width: 600px;
          width: 600px; } }
    .contents_wrap .sec02 .item_wrap {
      display: flex;
      flex-direction: column;
      row-gap: clamp(50px, calc(100vw / 13.8), 100px); }
      .contents_wrap .sec02 .item_wrap .item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        justify-content: center;
        column-gap: 2.61%; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec02 .item_wrap .item {
            row-gap: 20px;
            flex-direction: column; } }
        .contents_wrap .sec02 .item_wrap .item:nth-child(2n) {
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec02 .item_wrap .item:nth-child(2n) {
              flex-direction: column; } }
        .contents_wrap .sec02 .item_wrap .item .img {
          width: 54.69%;
          max-width: 700px; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec02 .item_wrap .item .img {
              width: 100%;
              height: 100%;
              aspect-ratio: 265/150; }
              .contents_wrap .sec02 .item_wrap .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover; } }
        .contents_wrap .sec02 .item_wrap .item .text_wrap {
          width: 39.85%; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec02 .item_wrap .item .text_wrap {
              width: 100%;
              text-align: center; } }
          .contents_wrap .sec02 .item_wrap .item .text_wrap .green_ttl {
            color: #333; }

.ls_02 {
  letter-spacing: -0.02em !important; }

.ls_04 {
  letter-spacing: -0.04em !important; }

.ls_06 {
  letter-spacing: -0.06em !important; }

.ls_08 {
  letter-spacing: -0.08em !important; }

.ls_1 {
  letter-spacing: -0.1em !important; }

@media screen and (max-width: 480px) {
  .ls00_sp {
    letter-spacing: -0.0em !important; }

  .ls04_sp {
    letter-spacing: -0.04em !important; }

  .ls06_sp {
    letter-spacing: -0.06em !important; }

  .ls08_sp {
    letter-spacing: -0.08em !important; }

  .ls1_sp {
    letter-spacing: -0.1em !important; } }

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