/*! Writen  by SCSS */
.indent_pc {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em; }
  @media screen and (max-width: 768px) {
    .indent_pc {
      text-indent: 0;
      padding-left: 0; } }

.equipment_03_head {
  font-size: clamp(18px, 2.04vw, 28px);
  color: #726356;
  line-height: 1.43;
  margin-bottom: clamp(25px, 3.34%, 40px); }

.equipment_03_top {
  margin-bottom: clamp(40px, 5.84%, 70px); }

.bg_head {
  line-height: 1;
  font-size: clamp(15px, 1.43vw, 20px);
  color: #fff;
  background: #726356;
  padding: 0.5em;
  font-weight: 500;
  position: relative; }
  .bg_head .ex_txt {
    position: absolute;
    top: 0;
    right: 3px;
    letter-spacing: 0;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    text-indent: -1em;
    padding-left: 1em;
    text-align: left;
    line-height: 1.2;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1000px) {
      .bg_head .ex_txt {
        position: static;
        text-align: center;
        display: block;
        margin-top: 5px; }
        .bg_head .ex_txt br {
          display: none; } }

.box_head {
  font-size: clamp(16px, 1.59vw, 22px);
  color: #726256;
  line-height: 1.23; }
  .box_head sup {
    font-size: 0.4em; }

.equipment_03_top {
  max-width: 962px;
  margin-left: auto;
  margin-right: auto; }
  .equipment_03_top .cap_l {
    margin-top: 6px; }

.sec01_wrap {
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec01_wrap {
      flex-direction: column;
      gap: 40ox 0; } }
  .sec01_wrap .bg_head {
    text-align: center;
    margin-bottom: 0.75em; }
  .sec01_wrap .sec01_left {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_left {
        width: 100%; } }
    .sec01_wrap .sec01_left .sec01_l_box_outer {
      display: flex;
      flex-direction: column;
      gap: clamp(10px, 1.57vw, 20px) 0; }
      .sec01_wrap .sec01_left .sec01_l_box_outer .sec01_l_box {
        align-items: center;
        padding-bottom: clamp(10px, 1.57vw, 20px);
        border-bottom: 1px solid #726356; }
        .sec01_wrap .sec01_left .sec01_l_box_outer .sec01_l_box .text_box {
          width: 53.13%; }
          .sec01_wrap .sec01_left .sec01_l_box_outer .sec01_l_box .text_box .box_head {
            padding-left: 1.25em;
            text-indent: -1.25em;
            margin-bottom: 0.68em; }
        .sec01_wrap .sec01_left .sec01_l_box_outer .sec01_l_box .image_box {
          max-width: 270px;
          width: 42.19%; }
  .sec01_wrap .sec01_right {
    width: 45.32%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_right {
        width: 100%; } }
    .sec01_wrap .sec01_right .sec01_r_box {
      padding-bottom: 5.18%; }
      .sec01_wrap .sec01_right .sec01_r_box:last-child {
        border-bottom: 1px solid #726356; }
      .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner {
            flex-direction: column;
            gap: 20px 0; } }
        .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner .text_box {
          width: 41.38%; }
          @media screen and (max-width: 480px) {
            .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner .text_box {
              width: 100%; } }
          .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner .text_box .box_head {
            margin-bottom: 0.68em; }
        .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner .image_box {
          max-width: 330px;
          width: 56.9%; }
          @media screen and (max-width: 480px) {
            .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner .image_box {
              width: 100%;
              margin-left: auto;
              margin-right: auto; } }
        .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner.sec01_r_inner_bottom .text_box {
          width: 100%; }
          @media screen and (max-width: 480px) {
            .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner.sec01_r_inner_bottom .text_box {
              width: 100%; } }
        .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner.sec01_r_inner_bottom .image_box {
          max-width: 117px;
          width: 20.18%; }
          @media screen and (max-width: 480px) {
            .sec01_wrap .sec01_right .sec01_r_box .sec01_r_inner.sec01_r_inner_bottom .image_box {
              width: 28.27%;
              margin-left: auto;
              margin-right: auto; } }

/*# sourceMappingURL=equipment04.css.map */
