/*! Writen  by SCSS */
.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 .img4 {
      display: flex;
      flex-wrap: wrap; }
      .contents_wrap .sec1 .img4 li {
        width: 50%;
        position: relative; }
        .contents_wrap .sec1 .img4 li .txt1 {
          position: absolute;
          inset: 0;
          display: flex;
          justify-content: center;
          align-items: center; }
        .contents_wrap .sec1 .img4 li .txt2 {
          position: absolute;
          inset: 0;
          display: flex;
          justify-content: flex-end;
          align-items: flex-end; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec1 .sld1 img {
        width: 650px;
        max-width: 650px; } }
    .contents_wrap .sec1 .ac_cap {
      display: flex;
      gap: 40px;
      font-size: clamp(10px, calc(14vw / 11.8), 14px);
      line-height: 1.5;
      text-align: left;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        .contents_wrap .sec1 .ac_cap {
          flex-direction: column;
          gap: 10px; } }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec1 .ac_cap {
          font-size: calc(11vw / 3.9); } }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec1 .sld2 img {
        width: 650px;
        max-width: 650px; } }
    .contents_wrap .sec1 .box41 {
      display: flex;
      justify-content: space-between; }
      .contents_wrap .sec1 .box41 .txt {
        width: calc(660% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box41 .txt {
            width: 100%; } }
        .contents_wrap .sec1 .box41 .txt ul {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec1 .box41 .txt ul {
              flex-direction: column;
              gap: 20px; } }
          .contents_wrap .sec1 .box41 .txt ul li {
            width: calc(315% / 6.6); }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec1 .box41 .txt ul li {
                width: 100%; } }
            .contents_wrap .sec1 .box41 .txt ul li .img1 {
              margin-bottom: 8px; }
            .contents_wrap .sec1 .box41 .txt ul li .t01 {
              font-size: clamp(14px, calc(28vw / 11.8), 28px);
              line-height: 1.3;
              text-align: left;
              font-weight: 600;
              letter-spacing: 0.05em; }
              @media screen and (max-width: 480px) {
                .contents_wrap .sec1 .box41 .txt ul li .t01 {
                  line-height: 1.5;
                  line-height: 1.8;
                  text-align: center;
                  font-size: calc(19vw / 3.9); } }
              .contents_wrap .sec1 .box41 .txt ul li .t01 .s1 {
                font-size: 50%;
                display: block; }
                @media screen and (max-width: 480px) {
                  .contents_wrap .sec1 .box41 .txt ul li .t01 .s1 {
                    font-size: 60%; } }
              .contents_wrap .sec1 .box41 .txt ul li .t01 .s {
                font-size: 75%; }
              .contents_wrap .sec1 .box41 .txt ul li .t01 .l {
                font-size: 160%;
                color: #94252a;
                line-height: 0.8;
                display: inline-block;
                transform: translateY(0.08em); }
      .contents_wrap .sec1 .box41 .img {
        width: calc(397% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec1 .box41 .img {
            display: none; } }
  .contents_wrap .bg1 {
    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 .bg1.w1380 {
      max-width: 1380px; }
  .contents_wrap .sec2 {
    padding-bottom: 100px; }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec2 {
        padding-bottom: 60px; } }
    .contents_wrap .sec2 .img211 {
      width: 70%;
      margin-inline: auto; }
    .contents_wrap .sec2 .box21 {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec2 .box21 {
          flex-direction: column;
          gap: 15px; } }
      .contents_wrap .sec2 .box21 .txt {
        width: calc(700% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec2 .box21 .txt {
            width: 100%; } }
        .contents_wrap .sec2 .box21 .txt .sec_ttl {
          margin-bottom: 0.5em; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec2 .box21 .txt .sec_ttl {
              margin-bottom: 1em; } }
        .contents_wrap .sec2 .box21 .txt .box {
          display: flex;
          justify-content: space-between; }
          .contents_wrap .sec2 .box21 .txt .box .txt1 {
            width: calc(270% / 7); }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec2 .box21 .txt .box .txt1 {
                width: 100%; } }
            @media screen and (min-width: 480px) {
              .contents_wrap .sec2 .box21 .txt .box .txt1 .sec_text {
                line-height: 1.8;
                font-size: 17px;
                letter-spacing: 0.02em; } }
          .contents_wrap .sec2 .box21 .txt .box .img1 {
            width: calc(417% / 7); }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec2 .box21 .txt .box .img1 {
                display: none; } }
      .contents_wrap .sec2 .box21 .fig {
        width: calc(388% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec2 .box21 .fig {
            width: 75%;
            margin-inline: auto; } }
    .contents_wrap .sec2 .t1 {
      font-size: clamp(14px, calc(24vw / 11.8), 24px);
      line-height: 1;
      font-weight: 600;
      color: #938059;
      border: solid 1px #938059;
      padding: 0.3em 10px;
      margin-bottom: 0.6em; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec2 .t1 {
          font-size: calc(15vw / 3.9); } }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec2 .sld4 img {
        width: 580px;
        max-width: 580px; } }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec2 .sld5 img {
        width: 580px;
        max-width: 580px; } }
    .contents_wrap .sec2 .box22 {
      display: flex;
      justify-content: space-between; }
      .contents_wrap .sec2 .box22 .fig {
        width: calc(600% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec2 .box22 .fig {
            width: 100%; } }
      .contents_wrap .sec2 .box22 .img {
        width: calc(440% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec2 .box22 .img {
            display: none; } }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec2 .box22 .cap241 {
          bottom: -1.3em; } }
  .contents_wrap .sec3 {
    /*padding-bottom: 100px;
    @include mq($br_sp){
    	padding-bottom: 60px;
    }*/ }
    @media screen and (max-width: 480px) {
      .contents_wrap .sec3 .box32 {
        width: 85%;
        margin-inline: auto; } }
    .contents_wrap .sec3 .box32 ul {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec3 .box32 ul {
          flex-direction: column;
          gap: 20px;
          align-items: center; } }
      .contents_wrap .sec3 .box32 ul li {
        width: calc(530% / 11.1);
        padding: 10px;
        border: solid 1px #938059;
        border: solid 1px #938059; }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec3 .box32 ul li {
            width: 100%; } }
        .contents_wrap .sec3 .box32 ul li .t1 {
          font-size: clamp(10px, calc(14vw / 11.8), 14px);
          line-height: 1.2;
          font-weight: 600;
          letter-spacing: 0.05em;
          margin-bottom: 0.3em; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec3 .box32 ul li .t1 {
              font-size: calc(12vw / 3.9); } }
        .contents_wrap .sec3 .box32 ul li .t2 {
          font-size: clamp(14px, calc(32vw / 11.8), 32px);
          line-height: 1.3;
          font-weight: 600;
          letter-spacing: 0.05em; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec3 .box32 ul li .t2 {
              font-size: calc(19vw / 3.9); } }
          .contents_wrap .sec3 .box32 ul li .t2 .s1 {
            font-size: 60%;
            display: block; }
          .contents_wrap .sec3 .box32 ul li .t2 .s {
            font-size: 65%; }
          .contents_wrap .sec3 .box32 ul li .t2 .l {
            font-size: 135%;
            color: #94252a;
            line-height: 0.8;
            display: inline-block;
            transform: translateY(0.05em); }
    .contents_wrap .sec3 .box33 {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .contents_wrap .sec3 .box33 {
          flex-direction: column;
          gap: 40px; } }
      .contents_wrap .sec3 .box33 li {
        width: calc(350% / 11.1); }
        @media screen and (max-width: 480px) {
          .contents_wrap .sec3 .box33 li {
            width: 100%; } }
        .contents_wrap .sec3 .box33 li .t1 {
          font-size: clamp(10px, calc(25vw / 11.8), 25px);
          line-height: 1.2;
          font-weight: 500;
          text-align: center;
          letter-spacing: 0.05em;
          min-height: 3.3em;
          margin-bottom: 0.3em;
          display: flex;
          align-items: center;
          justify-content: center;
          border-bottom: solid 1px #938059; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec3 .box33 li .t1 {
              font-size: calc(17vw / 3.9);
              min-height: inherit;
              padding: 0.6em 0 0.3em;
              margin-bottom: 0.5em;
              font-weight: 700; } }
        .contents_wrap .sec3 .box33 li .t2 {
          font-size: clamp(10px, calc(25vw / 11.8), 25px);
          line-height: 1.4;
          font-weight: 500;
          text-align: left;
          letter-spacing: 0.03em; }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec3 .box33 li .t2 {
              font-size: calc(18vw / 3.9);
              text-align: center;
              font-weight: 700; } }
          .contents_wrap .sec3 .box33 li .t2 .s1 {
            font-size: 70%;
            display: inline-block;
            margin-right: 0.2em;
            text-align: left; }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec3 .box33 li .t2 .s1 {
                font-size: 85%; } }
          @media screen and (max-width: 480px) {
            .contents_wrap .sec3 .box33 li .t2 .s2 {
              display: inline-block;
              transform: translateY(-0.5em);
              transform: translateY(-0.2em); } }
          .contents_wrap .sec3 .box33 li .t2 .l {
            font-size: 220%;
            color: #94252a;
            line-height: 0.45;
            display: inline-block;
            transform: translateY(0.05em); }
            @media screen and (max-width: 480px) {
              .contents_wrap .sec3 .box33 li .t2 .l {
                font-size: 180%;
                line-height: 0.8; } }