@charset "UTF-8";
/* ───────────────　メディアクエリ-タブレットサイズの設定　ここから　─────────────── */
@media (max-width: 1024px) {
  .pc-none {
    display: block; }

  .tab-none {
    display: none; }

  /* ──────　全体のベース共通設定　────── */
  .wrap {
    padding-left: 20px;
    padding-right: 20px; }
    .wrap-cont {
      padding-top: 50px;
      padding-bottom: 20px; }

  .box {
    margin-bottom: 50px; }

  /* ──────　全体のベース共通設定　────── */
  /* ──────　再利用する汎用パーツの設定　────── */
  .cont-tit {
    font-size: 23px; }

  .cont-txt {
    padding: 2.2vw; }

  /* ──────　再利用する汎用パーツの設定　────── */
  /* ────── ヘッダーの設定 ────── */
  .haeder {
    padding-left: 0%;
    padding-right: 0%;
    overflow: hidden; }

  .head-top-left {
    font-size: 20px;
    margin-left: 20px; }

  /* ────── ヘッダーの設定 ────── */
  /* ────── ページの設定 ────── */
  .cont-txt_img1 {
    width: 100%;
    max-width: 500px;
    min-width: auto; }

  .cont-txt-box {
    width: 100%;
    padding-left: 0vw; }

  .top-cont-list {
    width: 100%; }

  .top-contact-left {
    width: 100%;
    padding-right: 0px;
    text-align: center; }

  .contact-btn2 {
    width: 100%;
    height: 22vw; }

  /* ────── ページの設定 ────── */
  /* ────── フッターの設定 ────── */
  .footer-left {
    width: 100%; }

  .footer-nav {
    width: 100%;
    margin-left: 0px;
    margin-top: 50px; }

  /* ────── フッターの設定 ────── */
  /* ────── 再利用しないパーツの設定 ────── */
  .type-gutter-txt {
    font-size: 14px; }

  .members-th {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
  .members-td {
    display: block;
    border-top: 0px;
    padding: 10px;
    line-height: 24px; }
    .members-td-2 {
      display: block;
      width: 100%;
      border-top: 0px; }

  .reborn_slab-box {
    display: block;
    text-align: center; }

  .reborn_slab-txt {
    margin-left: 0;
    margin-top: 20px; }

  .reborn_slab-img {
    width: 60%; }

  /* ────── 再利用しないパーツの設定 ────── */ }
/* ───────────────　メディアクエリ-タブレットサイズの設定　ここまで　─────────────── */
/* ───────────────　メディアクエリ-スマートフォンサイズの設定　ここから　─────────────── */
@media (max-width: 599px) {
  .sp-none {
    display: none; }

  .tab-none {
    display: block; }

  /* ──────　再利用する汎用パーツの設定　────── */
  .cont-tit {
    font-size: 5.3vw;
    padding: 2.7vw;
    border-left-width: 12px; }

  .cont-txt {
    margin-top: 2.7vw;
    padding: 5.3vw;
    font-size: 3.7vw;
    line-height: 6.9vw; }

  .wrap-page-tit {
    height: 53.3vw; }

  .page-tit-1 {
    font-size: 3.73vw;
    margin-bottom: 2.13vw; }
  .page-tit-2 {
    font-size: 6.4vw; }

  .bread-wrap {
    height: 25px; }

  .breadcrumb li {
    font-size: 2.66vw;
    line-height: 25px; }

  /* ──────　再利用する汎用パーツの設定　────── */
  /* ────── スマホ用ハンバーガーボタン ────── */
  .nav-btn {
    display: block;
    position: fixed; }

  /* ────── スマホ用ハンバーガーボタン ────── */
  /* ────── ヘッダーの設定 ────── */
  .haeder {
    padding-left: 0%;
    padding-right: 0%;
    height: 60px; }

  .head-top-left {
    font-size: 18px;
    margin-left: 20px;
    line-height: 60px; }

  /* ────── ヘッダーの設定 ────── */
  /* ────── 再利用しないパーツの設定 ────── */
  .wrap-top {
    height: 100vh; }

  .top-txt {
    padding: 0 10.7vw 0px 5.3vw;
    font-size: 3.2vw;
    line-height: 7.5vw; }

  .news-btn {
    font-size: 3.2vw; }

  .wrap-top-contact {
    padding: 13.3vw 20px; }

  .top-contact-tit {
    font-size: 5.3vw; }

  .top-contact-txt {
    line-height: 6.93vw; }

  .top-contact-tel {
    font-size: 9.3vw; }

  .contact-btn2 {
    width: 100%;
    height: 32vw; }

  .contact-btn2-txt {
    font-size: 5.3vw; }

  /* ────── コンセプト ────── */
  .technical-data-item {
    border-bottom: 1px solid #D1D1D1;
    padding: 15px 0px; }

  /* ────── コンセプト ────── */
  /* ────── 地域別商品一覧 ────── */
  .type-gutter {
    width: 100%; }
    .type-gutter-txt {
      height: 10.7vw;
      font-size: 3.7vw;
      line-height: 10.7vw; }

  .product-line-th {
    display: none; }
  .product-line-td {
    display: block;
    width: 100%;
    padding: 5.3vw; }
  .product-line-tr {
    display: block;
    margin-bottom: 5.3vw; }

  .sp-td-none {
    display: none; }

  .reborn_slab-img {
    width: 100%;
    height: auto; }

  /* ────── 地域別商品一覧 ────── */
  /* ────── 会員名簿 ────── */
  .members-th {
    font-size: 4.3vw; }

  /* ────── 会員名簿 ────── */
  /* ────── ECOンビ ────── */
  .eco-process-grid {
    grid-template-columns: repeat(1, 1fr); }

  .eco-before_after {
    margin-right: 0px;
    width: 100%; }

  .eco-before_after-img {
    width: 100%; }

  .eco-item {
    padding: 2.67vw; }
    .eco-item-no {
      font-size: 6.4vw; }

  .eco-process-grid2 {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr); }

  .eco-item2 {
    text-align: justify; }

  .eco-item-no2 {
    font-size: 3.7vw;
    vertical-align: 0px; }

  .eco-item-txt2 {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 5.3vw; }

  .eco-tit {
    font-size: 5.3vw;
    margin-bottom: 5.3vw; }

  .eco-tit2 {
    font-size: 5.3vw;
    margin-bottom: 5.3vw; }

  .eco-txt {
    margin-bottom: 5.3vw; }

  /* ────── ECOンビ ────── */
  /* ────── 再利用しないパーツの設定 ────── */
  /* ────── メールフォームの設定 ────── */
  .contact-top-txt {
    font-size: 4.26vw;
    letter-spacing: 0;
    margin-bottom: 20px; }
  .contact-top-tel {
    font-size: 8vw; }
    .contact-top-tel-icon {
      font-size: 5vw; }
  .contact-top-txt2 {
    margin-top: 5px;
    margin-bottom: 20px; }
  .contact-top-fax {
    font-size: 6.4vw; }
    .contact-top-fax-icon {
      font-size: 5vw; }

  .form-input {
    padding: 10px; }

  .form-table-th {
    padding-top: 20px; }

  /* ────── メールフォームの設定 ────── */
  /* ────── フッターの設定 ────── */
  .footer-left-tit {
    font-size: 5.3vw; }
  .footer-left-txt {
    font-size: 3.7vw;
    margin-bottom: 8vw; }

  .footer-nav {
    margin-top: 30px;
    margin-bottom: 20px; }
    .footer-nav-item {
      padding-right: 0px; }

  .footer-bottom-link {
    margin: 0px 30px 30px 30px; } }
/* ───────────────　メディアクエリ-スマートフォンサイズの設定　ここまで　─────────────── */