/*! Writen  by SCSS */
.sec_ttl {
  text-align: center;
  margin-bottom: clamp(30px, 4.17%, 50px); }
  .sec_ttl .en {
    color: #21336c;
    font-size: clamp(18px, 2.25vw, 28px);
    line-height: 1;
    margin-bottom: 0.8em; }
  .sec_ttl .ja {
    font-size: clamp(16px, 2.01vw, 25px);
    margin-bottom: 1.2em; }
  .sec_ttl .brand_logo {
    max-width: 209px;
    margin: 0 auto; }
    .sec_ttl .brand_logo.toto {
      max-width: 105px; }

.sec .box01 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 900px) {
    .sec .box01 {
      flex-direction: column;
      gap: 40px 0; } }
  .sec .box01 .imgs {
    width: calc(587%/12); }
    @media screen and (max-width: 900px) {
      .sec .box01 .imgs {
        width: 100%; } }
  .sec .box01 .txts {
    width: calc(587%/12); }
    @media screen and (max-width: 900px) {
      .sec .box01 .txts {
        width: 100%; } }
.sec .bg_ttl {
  background: #f2ece6;
  font-size: clamp(15px, 1.53vw, 19px);
  padding: 0.2em 0.5em; }
  @media screen and (max-width: 900px) {
    .sec .bg_ttl {
      display: flex;
      align-items: center; } }
.sec .list_items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 65px calc(26%/12); }
  @media screen and (max-width: 900px) {
    .sec .list_items {
      gap: 65px calc(15%/8.6); } }
  @media screen and (max-width: 480px) {
    .sec .list_items {
      gap: 40px calc(15%/4.4); } }
  .sec .list_items .item {
    width: calc(280%/12); }
    @media screen and (max-width: 900px) {
      .sec .list_items .item {
        width: calc(275%/8.6); } }
    @media screen and (max-width: 480px) {
      .sec .list_items .item {
        width: calc(208%/4.4); } }
    .sec .list_items .item figure + .txt_box {
      margin-top: 7px; }
    .sec .list_items .item .txt_box .item_ttl2 {
      color: #005bac;
      font-size: clamp(13px, 1.2vw, 15px);
      letter-spacing: 0;
      line-height: 1.4; }
    .sec .list_items .item .txt_box .item_ttl {
      font-size: clamp(15px, 1.45vw, 18px);
      letter-spacing: 0;
      font-feature-settings: "palt";
      border-bottom: 1px solid #bbb290;
      margin-bottom: 0.2em;
      padding-bottom: 0.2em; }
      .sec .list_items .item .txt_box .item_ttl.bg {
        background: #474b7e;
        border-bottom: 0;
        color: #fff;
        line-height: 1.2;
        padding: 5px;
        text-align: center; }
      .sec .list_items .item .txt_box .item_ttl.ex1 {
        display: flex;
        align-items: center; }
        .sec .list_items .item .txt_box .item_ttl.ex1 .ttl_ico {
          width: calc(70%/5.87);
          margin-right: calc(5%/5.87); }
      .sec .list_items .item .txt_box .item_ttl.ex2 {
        display: flex;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec .list_items .item .txt_box .item_ttl.ex2 {
            flex-direction: column;
            align-items: flex-start; } }
        .sec .list_items .item .txt_box .item_ttl.ex2 .ttl_ico {
          width: calc(70%/2.8);
          margin-right: calc(5%/2.8); }
      .sec .list_items .item .txt_box .item_ttl.col2 {
        display: flex;
        line-height: 1.4;
        align-items: center;
        height: 3.5em; }
    .sec .list_items .item.wide {
      width: calc(580%/12) !important; }
      @media screen and (max-width: 480px) {
        .sec .list_items .item.wide {
          width: 100%; } }
      .sec .list_items .item.wide .in_item_wrap {
        display: flex;
        justify-content: space-between; }
        .sec .list_items .item.wide .in_item_wrap .in_item {
          width: calc(280%/5.87); }
    .sec .list_items .item.wide2 {
      width: calc(893%/12); }
      @media screen and (max-width: 900px) {
        .sec .list_items .item.wide2 {
          width: 100%; } }
  .sec .list_items.col2 {
    gap: 0 calc(26%/5.87); }
    @media screen and (max-width: 900px) {
      .sec .list_items.col2 {
        gap: 40px calc(26%/5.87); } }
    @media screen and (max-width: 480px) {
      .sec .list_items.col2 {
        gap: 40px calc(15%/4.4); } }
    .sec .list_items.col2 .item {
      width: calc(280%/5.87); }
      @media screen and (max-width: 480px) {
        .sec .list_items.col2 .item {
          width: calc(208%/4.4); } }
  .sec .list_items.col3 {
    gap: 50px calc(32%/7.41); }
    @media screen and (max-width: 480px) {
      .sec .list_items.col3 {
        gap: 40px calc(32%/7.41); } }
    .sec .list_items.col3 .item {
      width: calc(225%/7.41); }
      @media screen and (max-width: 480px) {
        .sec .list_items.col3 .item {
          width: calc(208%/4.4); } }
      .sec .list_items.col3 .item.wide {
        width: 100%; }

.item_txt {
  font-size: clamp(13px, 1.2vw, 15px);
  line-height: 1.5;
  letter-spacing: 0.02em; }
  .item_txt .min {
    display: block;
    font-size: clamp(9px, 0.8vw, 10px); }

.sec01 {
  margin-bottom: 200px;
  margin-bottom: 140px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 80px; } }
  .sec01 .list_items {
    justify-content: space-between;
    column-gap: 0; }
    .sec01 .list_items .item {
      max-width: 373px;
      width: 31.09%; }
      @media screen and (max-width: 480px) {
        .sec01 .list_items .item {
          width: 48%; } }
      .sec01 .list_items .item.wide {
        max-width: 587px;
        width: 48.92%; }
        @media screen and (max-width: 480px) {
          .sec01 .list_items .item.wide {
            width: 100%; } }
      .sec01 .list_items .item .bg_ttl {
        margin-bottom: 30px; }
    .sec01 .list_items .item07 figure {
      align-content: center;
      max-width: 583px;
      margin-inline: auto; }
    .sec01 .list_items .item08 figure {
      max-width: 584px;
      margin-inline: auto; }
    .sec01 .list_items .item09 .img_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .sec01 .list_items .item09 .img_wrap .img01 {
        max-width: 154px;
        width: 26.24%; }
      .sec01 .list_items .item09 .img_wrap .img02 {
        max-width: 399px;
        width: 67.98%; }
    @media screen and (max-width: 480px) {
      .sec01 .list_items .item11 {
        width: 100%; } }
    .sec01 .list_items .item11 .bg_ttl {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .sec01 .list_items .item11 .bg_ttl .icon {
        line-height: 1;
        font-size: 0;
        width: 62.04%; }
        @media screen and (max-width: 480px) {
          .sec01 .list_items .item11 .bg_ttl .icon {
            width: 140px; } }
    .sec01 .list_items .item11 .txt_box .item_ttl {
      letter-spacing: -0.11em; }
      @media screen and (max-width: 768px) {
        .sec01 .list_items .item11 .txt_box .item_ttl {
          letter-spacing: -0.05em;
          font-size: 13px; } }
      @media screen and (max-width: 480px) {
        .sec01 .list_items .item11 .txt_box .item_ttl {
          font-size: 15px; } }
    .sec01 .list_items .item11 .item_in {
      margin-top: clamp(20px, 2.5vw, 30px); }
      .sec01 .list_items .item11 .item_in .txt {
        margin-bottom: 5px;
        font-size: clamp(13px, 1.2vw, 15px); }
    .sec01 .list_items .item12 {
      max-width: 786px;
      width: 65.5%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: clamp(30px, 3.334vw, 40px);
      row-gap: clamp(20px, 2.5vw, 30px);
      align-content: flex-start; }
      @media screen and (max-width: 480px) {
        .sec01 .list_items .item12 {
          width: 100%; } }
      .sec01 .list_items .item12 .wrap01 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        width: 100%; }
        .sec01 .list_items .item12 .wrap01 .bg_ttl {
          width: 100%;
          background: #474b7e;
          font-size: clamp(13px, 1.334vw, 16px);
          font-size: clamp(13px, 1.584vw, 19px);
          color: #fff;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px;
          padding-left: 5.09%;
          line-height: 1.57; }
          @media screen and (max-width: 768px) {
            .sec01 .list_items .item12 .wrap01 .bg_ttl {
              padding: 10px; } }
          @media screen and (max-width: 480px) {
            .sec01 .list_items .item12 .wrap01 .bg_ttl {
              letter-spacing: -0.05em;
              font-size: 3vw; } }
          .sec01 .list_items .item12 .wrap01 .bg_ttl .icon {
            max-width: 109px;
            width: 14.83%; }
            @media screen and (max-width: 480px) {
              .sec01 .list_items .item12 .wrap01 .bg_ttl .icon {
                width: 100%; } }
        .sec01 .list_items .item12 .wrap01 .img {
          max-width: 286px;
          width: 36.39%; }
          @media screen and (max-width: 480px) {
            .sec01 .list_items .item12 .wrap01 .img {
              margin-inline: auto;
              width: 100%; } }
        .sec01 .list_items .item12 .wrap01 .item_txt {
          width: 61.33%; }
          @media screen and (max-width: 480px) {
            .sec01 .list_items .item12 .wrap01 .item_txt {
              width: 100%;
              margin-top: 0.5em; } }
      .sec01 .list_items .item12 .item01 {
        width: 35.63%; }
        @media screen and (max-width: 480px) {
          .sec01 .list_items .item12 .item01 {
            width: 100%; } }
      .sec01 .list_items .item12 .item02 {
        width: 33.72%; }
        @media screen and (max-width: 480px) {
          .sec01 .list_items .item12 .item02 {
            width: 100%; } }
      .sec01 .list_items .item12 .item03 {
        width: 16.29%;
        max-width: 128px; }
        @media screen and (max-width: 480px) {
          .sec01 .list_items .item12 .item03 {
            width: 100%;
            margin-inline: auto;
            margin-top: -10px; } }
        .sec01 .list_items .item12 .item03 .cap {
          left: auto;
          right: 100%;
          padding-bottom: 12px; }
      .sec01 .list_items .item12 .item04 .cap_l {
        font-size: 10px; }

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

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