@charset "UTF-8";
@media only screen and (max-width: 1299px) {
  mainprocessing section .container {
    padding: 40px 16px 80px; } }
mainprocessing section .container h1 span {
  margin-left: 30px; }
  @media only screen and (max-width: 834px) {
    mainprocessing section .container h1 span {
      margin-left: 0; } }
mainprocessing section .container .lead {
  font-size: 1.8rem;
  font-weight: bold; }
  @media only screen and (max-width: 834px) {
    mainprocessing section .container .lead {
      font-size: 1.3rem; } }
  mainprocessing section .container .lead span {
    font-size: 1.4rem;
    font-weight: normal; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .lead span {
        display: block;
        font-size: 1.1rem;
        margin: 8px 0 0; } }
mainprocessing section .container .sec_second {
  margin: 50px 0 0; }
  @media only screen and (max-width: 834px) {
    mainprocessing section .container .sec_second {
      border: solid #ccc 1px;
      margin: 15px 0 0; } }
  mainprocessing section .container .sec_second h2 {
    font-family: roboto,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
    font-size: 1.6rem;
    text-align: left;
    letter-spacing: 0.05em; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_second h2 {
        font-size: 1.3rem; } }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_second h2 span {
        display: none; } }
    mainprocessing section .container .sec_second h2 a {
      display: none; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_second h2 a {
          display: block;
          padding: 8px 12px; }
          mainprocessing section .container .sec_second h2 a:after {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: auto;
            text-align: center;
            content: "\E824";
            margin-left: 6px; } }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_second h2 a.open:after {
          content: "\E822"; } }
  mainprocessing section .container .sec_second .block_search {
    font-size: 0;
    background: #f4f4f4;
    margin: 10px 0 0;
    padding: 15px 20px; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_second .block_search {
        display: none;
        text-align: left;
        background: none;
        margin: 0;
        padding: 0 12px 12px; } }
    mainprocessing section .container .sec_second .block_search dl {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 470px);
      text-align: left; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_second .block_search dl {
          display: block;
          width: 100%;
          padding-bottom: 8px; } }
      mainprocessing section .container .sec_second .block_search dl dt {
        font-size: 1.6rem;
        font-weight: bold; }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_second .block_search dl dt {
            display: none; } }
      mainprocessing section .container .sec_second .block_search dl dd {
        font-size: 1.2rem;
        padding-top: 2px; }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_second .block_search dl dd {
            font-size: 1.1rem; } }
    mainprocessing section .container .sec_second .block_search input {
      display: inline-block;
      vertical-align: middle;
      width: 360px;
      font-size: 1.4rem;
      background: none;
      border: none;
      border-left: solid #000 1px;
      padding: 4px 4px 4px 14px; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_second .block_search input {
          width: calc(100% - 110px); } }
    mainprocessing section .container .sec_second .block_search .btn_search {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
      mainprocessing section .container .sec_second .block_search .btn_search a {
        display: block;
        width: 100px;
        font-family: roboto,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
        font-size: 1.2rem;
        color: #fff;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.05em;
        background: #000; }
        mainprocessing section .container .sec_second .block_search .btn_search a:hover {
          background: #e2231a; }
    mainprocessing section .container .sec_second .block_search .err {
      display: none;
      font-size: 1.4rem;
      color: #e2231a;
      margin: 8px 0 0 0; }
  mainprocessing section .container .sec_second .list_shortcut {
    font-size: 0;
    list-style: none;
    text-align: left;
    border-top: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
    margin: 10px 0 0;
    padding: 20px 0 4px; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_second .list_shortcut {
        display: none;
        border: none;
        margin: 0;
        padding: 5px 12px; } }
    mainprocessing section .container .sec_second .list_shortcut li {
      display: inline-block;
      vertical-align: top;
      margin: 0 30px 10px 0; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_second .list_shortcut li {
          margin: 0 20px 6px 0; } }
      mainprocessing section .container .sec_second .list_shortcut li a {
        display: block;
        font-size: 1.3rem;
        font-weight: bold; }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_second .list_shortcut li a {
            font-size: 1.2rem; } }
        mainprocessing section .container .sec_second .list_shortcut li a:hover {
          color: #e2231a; }
        mainprocessing section .container .sec_second .list_shortcut li a:after {
          font-family: "fontello";
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          width: auto;
          text-align: center;
          content: "\E824";
          margin-left: 4px; }
mainprocessing section .container .sec_category {
  }
  @media only screen and (max-width: 834px) {
    mainprocessing section .container .sec_category {
      margin: 30px 0 0; } }
  mainprocessing section .container .sec_category h2 {
    font-size: 2.2rem;
    text-align: left;
    border-bottom: solid #000 1px;
    padding-bottom: 10px; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_category h2 {
        font-size: 1.4rem; } }
    mainprocessing section .container .sec_category h2 span {
      display: block;
      font-size: 1.4rem; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_category h2 span {
          font-size: 1.1rem; } }
  mainprocessing section .container .sec_category .list_img {
    font-size: 0;
    text-align: left;
    margin: 30px 0 -15px; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_category .list_img {
        margin: 15px 0; } }
    mainprocessing section .container .sec_category .list_img li {
      display: inline-block;
      vertical-align: top;
      width: calc(14% - 1px);
      font-family: Roboto,YuGothic,"Yu Gothic Medium","Yu Gothic","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
      letter-spacing: 0.05em;
      border-right: dotted #888 1px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_category .list_img li {
          width: 23.3%;
          border-right: none;
          margin-bottom: 5px; } }
      mainprocessing section .container .sec_category .list_img li:nth-child(5n), mainprocessing section .container .sec_category .list_img li:last-child {
        border-right: none; }
      mainprocessing section .container .sec_category .list_img li img {
        display: block;
        margin: 0 auto 3px; }
        mainprocessing section .container .sec_category .list_img li img.svg {
          width: 230px;
          margin: 0 auto 4px; }
          @media only screen and (max-width: 834px) {
            mainprocessing section .container .sec_category .list_img li img.svg {
              width: calc(100% - 6px);
              margin: 0 3px 4px; } }
      mainprocessing section .container .sec_category .list_img li span {
        display: block;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.3; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_category .list_img.bag li {
        width: 50%; } }
    mainprocessing section .container .sec_category .list_img.svg {
      display: flex;
      flex-wrap: wrap; }
  mainprocessing section .container .sec_category .block_tb {
    margin: 30px 0 0; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_category .block_tb {
        margin: 15px 0 0;
        overflow-x: scroll; } }
    mainprocessing section .container .sec_category .block_tb table {
      border-collapse: collapse; }
      mainprocessing section .container .sec_category .block_tb table th, mainprocessing section .container .sec_category .block_tb table td {
        border: solid #ddd 1px;
        padding: 8px; }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .block_tb table th, mainprocessing section .container .sec_category .block_tb table td {
            padding: 4px; } }
      mainprocessing section .container .sec_category .block_tb table th {
        position: relative;
        min-width: 440px;
        font-size: 1.4rem;
        text-align: left; }
        @media only screen and (max-width: 1299px) {
          mainprocessing section .container .sec_category .block_tb table th {
            min-width: 220px;
            font-size: 1.2rem; } }
        mainprocessing section .container .sec_category .block_tb table th.title {
          color: #fff;
          background: #000; }
          mainprocessing section .container .sec_category .block_tb table th.title .unit {
            position: absolute;
            bottom: 8px;
            right: 8px;
            font-size: 1.2rem;
            font-weight: normal; }
        mainprocessing section .container .sec_category .block_tb table th.pos_size {
          overflow: hidden; }
          mainprocessing section .container .sec_category .block_tb table th.pos_size sub {
            position: absolute;
            bottom: 14px;
            left: 8px;
            font-size: 1rem; }
            @media only screen and (max-width: 834px) {
              mainprocessing section .container .sec_category .block_tb table th.pos_size sub {
                bottom: 10px;
                left: 4px; } }
          mainprocessing section .container .sec_category .block_tb table th.pos_size sup {
            position: absolute;
            top: 14px;
            right: 8px;
            font-size: 1rem; }
            @media only screen and (max-width: 834px) {
              mainprocessing section .container .sec_category .block_tb table th.pos_size sup {
                top: 10px;
                right: 4px; } }
          mainprocessing section .container .sec_category .block_tb table th.pos_size:before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(4.3deg);
            content: "";
            display: block;
            width: 500px;
            height: 1px;
            background: #ddd; }
            @media only screen and (max-width: 1299px) {
              mainprocessing section .container .sec_category .block_tb table th.pos_size:before {
                transform: translate(-50%, -50%) rotate(8.8deg); } }
            @media only screen and (max-width: 834px) {
              mainprocessing section .container .sec_category .block_tb table th.pos_size:before {
                transform: translate(-50%, -50%) rotate(6.8deg); } }
        mainprocessing section .container .sec_category .block_tb table th .color {
          display: inline-block;
          vertical-align: middle;
          width: 30px;
          line-height: 24px;
          text-align: center;
          margin-right: 8px; }
          @media only screen and (max-width: 834px) {
            mainprocessing section .container .sec_category .block_tb table th .color {
              width: 24px; } }
          mainprocessing section .container .sec_category .block_tb table th .color.c1 {
            background: #95bfc2; }
          mainprocessing section .container .sec_category .block_tb table th .color.c2 {
            background: #edd79d; }
          mainprocessing section .container .sec_category .block_tb table th .color.c3 {
            background: #b6a6c1; }
          mainprocessing section .container .sec_category .block_tb table th .color.c4 {
            background: #bfbfbf; }
          mainprocessing section .container .sec_category .block_tb table th .color.c5 {
            background: #dbda96; }
          mainprocessing section .container .sec_category .block_tb table th .color.c6 {
            background: #d4a8a8; }
          mainprocessing section .container .sec_category .block_tb table th .color.c7 {
            background: #b2cdff; }
          mainprocessing section .container .sec_category .block_tb table th .color.c8 {
            background: #b3ca91; }
          mainprocessing section .container .sec_category .block_tb table th .color.c99 {
            background: #a0c8cb; }
      mainprocessing section .container .sec_category .block_tb table td {
        min-width: 160px;
        font-family: Roboto,YuGothic,"Yu Gothic Medium","Yu Gothic","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
        font-size: 1.3rem; }
        @media only screen and (max-width: 1299px) {
          mainprocessing section .container .sec_category .block_tb table td {
            min-width: 120px; } }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .block_tb table td {
            min-width: 100px; } }
      mainprocessing section .container .sec_category .block_tb table.girls th.pos_size:before {
        transform: translate(-50%, -50%) rotate(5.5deg); }
      mainprocessing section .container .sec_category .block_tb table.girls td {
        line-height: 1.3rem; }
        mainprocessing section .container .sec_category .block_tb table.girls td span {
          font-size: 1.1rem; }
      mainprocessing section .container .sec_category .block_tb table.bag th {
        min-width: 159px; }
        @media only screen and (max-width: 1299px) {
          mainprocessing section .container .sec_category .block_tb table.bag th {
            min-width: 129px; } }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .block_tb table.bag th {
            min-width: 120px; } }
        mainprocessing section .container .sec_category .block_tb table.bag th.pos_size:before {
          transform: translate(-50%, -50%) rotate(10deg); }
          @media only screen and (max-width: 834px) {
            mainprocessing section .container .sec_category .block_tb table.bag th.pos_size:before {
              transform: translate(-50%, -50%) rotate(16deg); } }
      mainprocessing section .container .sec_category .block_tb table.bag td {
        min-width: 120px;
        line-height: 1.3; }
        @media only screen and (max-width: 1299px) {
          mainprocessing section .container .sec_category .block_tb table.bag td {
            min-width: 70px; } }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .block_tb table.bag td {
            min-width: 100px; } }
        mainprocessing section .container .sec_category .block_tb table.bag td span {
          font-size: 1.1rem; }
      mainprocessing section .container .sec_category .block_tb table.bag2 td {
        min-width: 98px; }
        @media only screen and (max-width: 1299px) {
          mainprocessing section .container .sec_category .block_tb table.bag2 td {
            min-width: 73px; } }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .block_tb table.bag2 td {
            min-width: 98px; } }
  mainprocessing section .container .sec_category .block_tb + .block_tb {
    margin: 15px 0 0; }
  mainprocessing section .container .sec_category .note {
    font-size: 1.2rem;
    text-align: left;
    margin: 15px 0 0; }
  mainprocessing section .container .sec_category .note + .note {
    margin: 0; }
  mainprocessing section .container .sec_category .partnumber {
    text-align: left;
    background: #f4f4f4;
    margin: 30px 0 0;
    padding: 15px; }
    @media only screen and (max-width: 834px) {
      mainprocessing section .container .sec_category .partnumber {
        margin: 15px 0 0; } }
    mainprocessing section .container .sec_category .partnumber dt {
      font-size: 1.4rem;
      font-weight: bold; }
      @media only screen and (max-width: 834px) {
        mainprocessing section .container .sec_category .partnumber dt {
          font-size: 1.2rem; } }
    mainprocessing section .container .sec_category .partnumber dd ul {
      width: calc(100% + 8px);
      font-size: 0;
      margin: 12px -4px -8px; }
      mainprocessing section .container .sec_category .partnumber dd ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 4px 8px; }
        @media only screen and (max-width: 834px) {
          mainprocessing section .container .sec_category .partnumber dd ul li {
            width: calc(25% - 8px); } }
        mainprocessing section .container .sec_category .partnumber dd ul li.outlet {
          display: none; }
        mainprocessing section .container .sec_category .partnumber dd ul li a {
          display: block;
          width: 73px;
          font-family: roboto,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
          font-size: 1.2rem;
          text-align: center;
          background: #fff;
          padding: 8px 0; }
          @media only screen and (max-width: 834px) {
            mainprocessing section .container .sec_category .partnumber dd ul li a {
              width: auto;
              padding: 4px 0; } }
          mainprocessing section .container .sec_category .partnumber dd ul li a.cabweb {
            pointer-events: none; }
            mainprocessing section .container .sec_category .partnumber dd ul li a.cabweb:hover {
              color: #000; }
          mainprocessing section .container .sec_category .partnumber dd ul li a:hover {
            color: #e2231a; }

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