/*! Writen  by SCSS */
.sec_text.mi20 {
  margin-inline: -20px; }

.img01 .cap {
  bottom: 20%; }
  @media screen and (max-width: 480px) {
    .img01 .cap {
      bottom: 15%;
      font-size: 9px; } }

.contents_wrap {
  position: relative; }
  .contents_wrap .container {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .contents_wrap .container {
        padding-top: 0; } }
  .contents_wrap .sec1 {
    padding-bottom: 100px; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec1 {
        padding-bottom: 60px; } }
    .contents_wrap .sec1 .box12 {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec1 .box12 {
          gap: 40px; } }
      .contents_wrap .sec1 .box12 .img112 {
        position: relative; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box12 .img112 {
            margin-bottom: 15px;
            padding-bottom: 5px; } }
        .contents_wrap .sec1 .box12 .img112 .hanrei_img {
          position: absolute;
          bottom: calc(25%/13.07);
          right: calc(138%/11.18);
          width: calc(340%/11.18); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 .img112 .hanrei_img {
              min-width: 220px;
              right: 15px;
              bottom: 0; } }
      .contents_wrap .sec1 .box12 .t1 {
        font-size: clamp(14px, calc(28vw / 11.8), 28px);
        line-height: 1.4;
        font-weight: 500;
        color: #938059;
        letter-spacing: 0.1em;
        margin-bottom: 1.5em;
        text-align: left; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box12 .t1 {
            font-size: calc(16vw / 3.9);
            font-size: calc(18vw / 3.9);
            text-align: center;
            font-weight: 600;
            margin-bottom: 0.6em; } }
        .contents_wrap .sec1 .box12 .t1 sup {
          color: #333; }
      .contents_wrap .sec1 .box12 .t2 {
        font-size: clamp(10px, calc(16vw / 11.8), 16px);
        font-size: clamp(10px, calc(18vw / 11.8), 18px);
        line-height: 2.2;
        font-weight: 500;
        letter-spacing: 0.05em;
        text-align: left; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box12 .t2 {
            font-size: calc(12vw / 3.9);
            text-align: center;
            font-size: calc(14vw / 3.9);
            line-height: 1.8;
            letter-spacing: 0.04em;
            font-weight: 600; } }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box12 .t2 .cap_l {
            display: block;
            margin-top: 5px;
            line-height: 1.4;
            text-align: center; } }
        @media screen and (min-width: 481px) {
          .contents_wrap .sec1 .box12 .t2.ls {
            letter-spacing: 0.03em;
            text-align: justify; } }
      .contents_wrap .sec1 .box12 li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box12 li {
            flex-direction: column-reverse;
            gap: 10px; } }
        .contents_wrap .sec1 .box12 li .img {
          width: calc(560% / 11.2); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 li .img {
              width: 100%; } }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 li .img .img131_cap {
              bottom: -1em; } }
        .contents_wrap .sec1 .box12 li .txt {
          width: calc(520% / 11.2); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 li .txt {
              width: 100%; } }
        .contents_wrap .sec1 .box12 li:nth-child(2n) {
          flex-direction: row; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 li:nth-child(2n) {
              flex-direction: column-reverse; } }
        .contents_wrap .sec1 .box12 li.w1 {
          width: 100%; }
        .contents_wrap .sec1 .box12 li.w {
          width: 100%;
          flex-direction: column;
          margin-top: 15px; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box12 li.w {
              margin-top: 0;
              flex-direction: column-reverse; } }
          .contents_wrap .sec1 .box12 li.w .img {
            width: calc(930% / 11.2);
            margin-inline: auto; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec1 .box12 li.w .img {
                width: 100%; } }
          .contents_wrap .sec1 .box12 li.w .txt {
            width: 100%; }
            .contents_wrap .sec1 .box12 li.w .txt .t1 {
              margin-bottom: 1em; }
              .contents_wrap .sec1 .box12 li.w .txt .t1 sup {
                font-size: 40%;
                letter-spacing: 0;
                top: -1.6em; }
                @media screen and (max-width: 480px) {
                  .contents_wrap .sec1 .box12 li.w .txt .t1 sup {
                    font-size: 34%; } }
    .contents_wrap .sec1 .bg_w {
      background: #eff1ec;
      padding: 40px 50px 25px; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec1 .bg_w {
          padding: 20px 15px 20px; } }
      .contents_wrap .sec1 .bg_w .inn {
        position: relative; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .bg_w .inn .box {
            position: relative; } }
        .contents_wrap .sec1 .bg_w .inn .img {
          position: absolute;
          width: calc(394% / 10.2);
          bottom: -25px;
          left: calc(720% / 10.2); }
          .contents_wrap .sec1 .bg_w .inn .img .cap {
            padding: 0;
            bottom: 25px;
            right: 75px; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .bg_w .inn .img {
              width: calc(40% + 35px);
              width: calc(45% + 50px);
              bottom: 19px;
              left: 55%; }
              .contents_wrap .sec1 .bg_w .inn .img .cap {
                padding: 0;
                bottom: -18px;
                right: 50px; } }
        .contents_wrap .sec1 .bg_w .inn .txt {
          width: calc(720% / 10.2); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .bg_w .inn .txt {
              width: 100%; } }
          .contents_wrap .sec1 .bg_w .inn .txt .t1 {
            font-size: clamp(14px, calc(28vw / 11.8), 28px);
            line-height: 1.4;
            font-weight: 500;
            letter-spacing: 0.1em;
            margin-bottom: 0.6em;
            text-align: left; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec1 .bg_w .inn .txt .t1 {
                font-size: calc(16vw / 3.9);
                font-size: calc(18vw / 3.9);
                font-weight: 600;
                text-align: center;
                margin-bottom: 0.8em; } }
          .contents_wrap .sec1 .bg_w .inn .txt .t2 {
            font-size: clamp(10px, calc(16vw / 11.8), 16px);
            line-height: 2.2;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-align: left;
            margin-bottom: 1.4em; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec1 .bg_w .inn .txt .t2 {
                font-size: calc(12vw / 3.9);
                text-align: center;
                font-size: calc(14vw / 3.9);
                line-height: 1.8;
                letter-spacing: 0.04em;
                font-weight: 600; } }
          .contents_wrap .sec1 .bg_w .inn .txt ul {
            display: flex;
            justify-content: space-between; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec1 .bg_w .inn .txt ul {
                width: 55%;
                flex-wrap: wrap;
                gap: 8px 0; } }
            .contents_wrap .sec1 .bg_w .inn .txt ul li {
              width: calc(165% / 7.2); }
              @media screen and (max-width: 480px) {
                .contents_wrap .sec1 .bg_w .inn .txt ul li {
                  width: 48%; } }
              .contents_wrap .sec1 .bg_w .inn .txt ul li p {
                text-align: right;
                font-size: 12px;
                margin-top: 0.6em; }
                @media screen and (max-width: 480px) {
                  .contents_wrap .sec1 .bg_w .inn .txt ul li p {
                    font-size: 10px;
                    margin-top: 0.3em; } }
  .contents_wrap .bg1 {
    max-width: 1380px;
    margin-inline: auto;
    background: linear-gradient(90deg, #eef0eb, #f9f9f5, #eef0eb);
    padding: 40px 0; }
    @media screen and (max-width: 480px) {
      .contents_wrap .bg1 {
        padding: 30px 0; } }
  .contents_wrap .sec2 {
    padding-top: 60px;
    padding-bottom: 100px;
    background: linear-gradient(90deg, #011d2d, #113b4e, #011d2d); }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec2 {
        padding-top: 40px;
        padding-bottom: 60px; } }
    .contents_wrap .sec2 .sec_mttl {
      background: none;
      padding: 0;
      margin-bottom: 0.8em; }
    .contents_wrap .sec2 .sec_ttl {
      color: #cabb89;
      font-size: clamp(14px, calc(28vw / 11.8), 28px); }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec2 .sec_ttl {
          font-size: calc(16vw / 3.9);
          font-size: calc(18vw / 3.9);
          font-weight: 600; } }
    .contents_wrap .sec2 .sec_text {
      color: #fff; }
    .contents_wrap .sec2 .box22 {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec2 .box22 {
          gap: 40px; } }
      .contents_wrap .sec2 .box22 li {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec2 .box22 li {
            flex-direction: column-reverse;
            gap: 10px; } }
        .contents_wrap .sec2 .box22 li .img {
          width: calc(560% / 11.2); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec2 .box22 li .img {
              width: 100%; } }
        .contents_wrap .sec2 .box22 li .txt {
          width: calc(520% / 11.2); }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec2 .box22 li .txt {
              width: 100%; } }
          .contents_wrap .sec2 .box22 li .txt .t1 {
            font-size: clamp(14px, calc(28vw / 11.8), 28px);
            line-height: 1.4;
            font-weight: 500;
            color: #cabb89;
            letter-spacing: 0.1em;
            margin-bottom: 1.5em;
            text-align: left; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec2 .box22 li .txt .t1 {
                font-size: calc(16vw / 3.9);
                font-size: calc(18vw / 3.9);
                text-align: center;
                font-weight: 600;
                margin-bottom: 0.6em; } }
          .contents_wrap .sec2 .box22 li .txt .t2 {
            font-size: clamp(10px, calc(16vw / 11.8), 16px);
            font-size: clamp(10px, calc(18vw / 11.8), 18px);
            line-height: 2.2;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-align: left;
            color: #fff; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec2 .box22 li .txt .t2 {
                font-size: calc(12vw / 3.9);
                font-size: calc(14vw / 3.9);
                text-align: center; } }
        .contents_wrap .sec2 .box22 li:nth-child(2n) {
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec2 .box22 li:nth-child(2n) {
              flex-direction: column-reverse; } }
        .contents_wrap .sec2 .box22 li.w {
          width: 100%;
          flex-direction: column; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec2 .box22 li.w {
              flex-direction: column; } }
          .contents_wrap .sec2 .box22 li.w .img {
            width: calc(959% / 11.2);
            margin-inline: auto; }
          .contents_wrap .sec2 .box22 li.w .txt {
            width: 100%; }
            .contents_wrap .sec2 .box22 li.w .txt .t1 {
              margin-bottom: 1em; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec2 .sld1 img {
        width: 580px;
        max-width: 580px; } }

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

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