@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	240305 GM追加	*/
.pre-inc .equip3 section.section_cont {
  padding: clamp(80px, 9.869vw, 150px) 0; }
.pre-inc .equip3 .item_ttl_s {
  font-size: clamp(14px, 1.25vw, 20px);
  margin-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .pre-inc .equip3 .item_ttl_s {
      font-size: 16px; } }
  .pre-inc .equip3 .item_ttl_s.white {
    color: #FFF; }
  .pre-inc .equip3 .item_ttl_s.brown {
    color: #9D784C; }
.pre-inc .equip3 .sec01 {
  padding: 0 0 clamp(40px, 3.948vw, 60px); }
  .pre-inc .equip3 .sec01 .inner_ttl {
    margin-bottom: clamp(60px, 6.579vw, 100px); }
  .pre-inc .equip3 .sec01 .brown_box {
    padding: 40px;
    background: #9D784C;
    position: relative; }
    @media screen and (max-width: 768px) {
      .pre-inc .equip3 .sec01 .brown_box {
        padding: 25px; } }
    .pre-inc .equip3 .sec01 .brown_box:before {
      content: "";
      position: absolute;
      inset: 0;
      right: auto;
      left: 5px;
      width: 5px;
      background: #FFF; }
  .pre-inc .equip3 .sec01 .content01 .cont01_in {
    margin-bottom: 80px; }
    @media screen and (max-width: 480px) {
      .pre-inc .equip3 .sec01 .content01 .cont01_in {
        flex-direction: column;
        row-gap: 40px; } }
    .pre-inc .equip3 .sec01 .content01 .cont01_in .item {
      width: 31.91%;
      display: flex;
      row-gap: 20px;
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .pre-inc .equip3 .sec01 .content01 .cont01_in .item {
          width: 100%; } }
      .pre-inc .equip3 .sec01 .content01 .cont01_in .item .image2 {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .pre-inc .equip3 .sec01 .content01 .cont01_in .item .image2 .img1 {
          width: 61.45%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content01 .cont01_in .item .image2 .img1 {
              width: 65%; } }
        .pre-inc .equip3 .sec01 .content01 .cont01_in .item .image2 .img2 {
          width: 28.87%;
          position: relative;
          /*
          .caption{
          	position: absolute;
          	right:0;
          	top:100%;
          }
          */ }
  .pre-inc .equip3 .sec01 .content02 {
    margin-bottom: 60px; }
    .pre-inc .equip3 .sec01 .content02 .cont_ttl {
      background: #9D784C;
      font-size: clamp(14px, 1.5vw, 24px);
      padding: 20px 40px;
      color: #FFF; }
      @media screen and (max-width: 768px) {
        .pre-inc .equip3 .sec01 .content02 .cont_ttl {
          font-size: 14px;
          padding: 20px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .equip3 .sec01 .content02 .cont_ttl {
          font-size: 20px;
          text-align: center; } }
    .pre-inc .equip3 .sec01 .content02 .cont02_in {
      background: #F2F2F2;
      padding: 60px 40px; }
      @media screen and (max-width: 1200px) {
        .pre-inc .equip3 .sec01 .content02 .cont02_in {
          padding: 40px; } }
      @media screen and (max-width: 768px) {
        .pre-inc .equip3 .sec01 .content02 .cont02_in {
          padding: 30px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .equip3 .sec01 .content02 .cont02_in {
          padding: 30px 20px; } }
      .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 {
        align-items: flex-start;
        margin-bottom: 40px; }
        @media screen and (max-width: 480px) {
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 {
            flex-direction: column;
            row-gap: 30px; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left {
          flex-direction: row-reverse;
          width: 51.6%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left {
              width: 100%;
              flex-direction: column;
              row-gap: 30px; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left .in_l {
            width: 69.99%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left .in_l {
                width: 100%; } }
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left .in_l .item_read {
              margin-top: 20px; }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left .in_r {
            width: 26.12%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_left .in_r {
                width: 100%; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right {
          width: 46.32%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right {
              width: 100%; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap {
            margin-bottom: 20px; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap {
                flex-direction: column;
                row-gap: 20px; } }
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap .key_l {
              width: 69.85%; }
              @media screen and (max-width: 480px) {
                .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap .key_l {
                  width: 100%; } }
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap .key_r {
              width: 26.75%; }
              @media screen and (max-width: 480px) {
                .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_1 .cont_right .key_wrap .key_r {
                  width: 100%; } }
      .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 {
        margin-bottom: clamp(40px, 3.75vw, 60px); }
        @media screen and (max-width: 480px) {
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in {
            flex-direction: column; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 {
          width: 61.77%;
          padding-right: 4.77%;
          margin-right: 4.77%;
          border-right: 1px dashed #FFF; }
          @media screen and (max-width: 1200px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 {
              padding-right: 3%;
              margin-right: 3%; } }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 {
              width: 100%;
              flex-wrap: wrap;
              row-gap: 20px;
              padding-right: 0;
              margin-right: 0;
              border-right: none;
              padding-bottom: 30px;
              margin-bottom: 30px;
              border-bottom: 1px solid #FFF; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_l {
            width: 29.38%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_l {
                width: 100%; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_c {
            width: 15.38%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_c {
                width: 100%;
                background: #FFF;
                text-align: center; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_r {
            width: 51.75%;
            display: flex;
            flex-direction: column;
            row-gap: 20px; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .col3 .in_r {
                width: 100%; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r {
          width: 33.39%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r {
              width: 100%; } }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in {
              flex-direction: column;
              row-gap: 20px; } }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in .in_l {
            width: 52.87%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in .in_l {
                width: 100%; } }
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in .in_l .item_read {
              margin-bottom: 10px; }
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in .in_r {
            width: 42.52%; }
            @media screen and (max-width: 480px) {
              .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_2 .cont02_2_in .cont02_r .cont02_r_in .in_r {
                width: 100%; } }
      .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 {
        margin-bottom: 40px; }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .item_ttl {
          margin-bottom: 50px;
          display: flex;
          flex-direction: column;
          row-gap: 15px; }
          @media screen and (max-width: 768px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .item_ttl {
              margin-bottom: 30px; } }
        @media screen and (max-width: 480px) {
          .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 {
            flex-direction: column;
            row-gap: 20px; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3.first {
          padding-bottom: 40px;
          margin-bottom: 40px;
          border-bottom: 1px solid rgba(157, 120, 76, 0.5); }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3.first {
              padding-bottom: 20px;
              margin-bottom: 20px; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .text {
          width: 41.67%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .text {
              width: 100%; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .img1 {
          width: 14.59%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .img1 {
              width: 100%; } }
        .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .img2 {
          width: 39.73%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content02 .cont02_in .cont02_3 .col3 .img2 {
              width: 100%; } }
  .pre-inc .equip3 .sec01 .content03 .cont03_in {
    flex-wrap: wrap;
    row-gap: 60px; }
    @media screen and (max-width: 768px) {
      .pre-inc .equip3 .sec01 .content03 .cont03_in {
        row-gap: 40px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .equip3 .sec01 .content03 .cont03_in {
        flex-direction: column; } }
    .pre-inc .equip3 .sec01 .content03 .cont03_in .box {
      width: 31.91%; }
      @media screen and (max-width: 480px) {
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box {
          width: 100%; } }
      .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double {
        width: 49.02%; }
        @media screen and (max-width: 480px) {
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double {
            width: 100%; } }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double .text_img .text {
          width: 67.12%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double .text_img .text {
              width: 100%; } }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double .text_img .img {
          width: 31.15%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content03 .cont03_in .box.double .text_img .img {
              width: 100%; } }
      .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full {
        width: 100%; }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .text {
          width: 61.85%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .text {
              width: 100%; } }
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .text .caption {
            margin-top: 10px; }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .img {
          width: 35.93%; }
          @media screen and (max-width: 480px) {
            .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .img {
              width: 100%; } }
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .img .img1 {
            width: 44.51%; }
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box.full .text_img .img .img2 {
            width: 51.1%; }
      .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img {
        margin-top: 20px; }
        @media screen and (max-width: 480px) {
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img {
            flex-direction: column;
            row-gap: 20px; } }
        @media screen and (max-width: 768px) {
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img.normal {
            flex-direction: column;
            row-gap: 20px; } }
        @media screen and (max-width: 768px) {
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img.normal .text {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img.normal .img {
            width: 100%; } }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .text {
          width: 61.86%; }
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .text.ex {
            width: 47.43%; }
            @media screen and (max-width: 768px) {
              .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .text.ex {
                width: 100%; } }
        .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .img {
          width: 34.03%; }
          .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .img.ex {
            width: 49.7%; }
            @media screen and (max-width: 768px) {
              .pre-inc .equip3 .sec01 .content03 .cont03_in .box .text_img .img.ex {
                width: 100%; } }

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