@media screen and (max-width: 1230px) {
/*========================================
 全ページ共通レイアウト（page-layout.css）
========================================*/
  .section-title .en {
  font-size: clamp(4.8rem, 8vw, 9.6rem);
}
.section-title .ja {
 font-size: clamp(1.1rem, 1.83vw, 2.2rem);
}
/* ======================================================
   トップページ（front-page.php）
====================================================== */
/*---------------------------------
  ABOUTセクション
---------------------------------*/
  .about-text {
  font-size: 2.333vw;
}
  .about-card-head {
  padding-left: 15px;
}
.about-card-body {
  padding: 20px 15px;
}

.about-card-text {
  font-size: 1.66vw;
}
/*--------------------------------
  footer-before
---------------------------------*/
.footer-before .section-title {
  padding: 10px 15px;
}

.section-content-item .section-subtitle-under {
font-size: clamp(1rem, 1.666vw, 2rem);
}
}


@media screen and (max-width: 767px)  {
/*========================================
 全ページ共通レイアウト（page-layout.css）
========================================*/
body {
    background-image: url('../images/footer_background-sp.png');
}
.company-instgram{
    width: 40px;
    height: 40px;
}
.company-instgram img {
    width: 20px;
}
section {
  padding: 30px 0;
}
.section-title .en {
  margin-right: 15px;
}
.section-title .ja {
}
.section-content {
  margin-top: 25px;
}
.section-content-sub {
  margin-top: 18px;
}
.section-subtitle {
  height: 33px;
  font-size: 1.2rem;
  line-height: 33px;
  padding-left: 10px;
}
.section-subtitle-under {
  height: 25px;
  line-height: 25px;
  padding-left: 4px;
  font-size: 1.2rem;
  border-left: 2px solid #193078;
}
/*----------------------------------------
  header
----------------------------------------*/
.header {
  height: 40px;
}
.header_top {
    padding: 10px;
}
.header__logo img {
    width: 200px;
}
.header_nav {
 display: none;

}
.header_contact {
    display: none;
  }
      .hamburger {
          display: block;
      }
/*----------------------------------------
  footer
----------------------------------------*/
.footer .btn {
  width: 65%;
}
.footer_nav-lists-top {
    flex-direction: column;
}
.footer_nav-lists-bottom li:nth-child(4) {
    display: block;
}
.footer_address p {
  font-size: 1.2rem;
  }
.footer .company-instgram {
  margin-top: 15px;
}
.footer .company-instagram {
    margin-top: 30px;
}
.footer .btn {
    margin-top: 35px;
}
.footer_nav {
width: 220px;
}
.footer_nav-lists-top {
font-size: 0.9rem;
}
.footer_nav-lists-top span {
  font-size: 1.1rem;
  }
  .footer_nav-lists-bottom {
      display: flex;
      flex-wrap: wrap;
      font-size: 1.1rem;
      line-height: 2;
  }
  .footer_copyright {
    font-size: 0.8rem;
  }
/*========================================
 コンポーネント（page-component.css）
========================================*/
/*-------------------------------------------
トップへ戻るボタン
-------------------------------------------*/
.to-top {
  display: none;
    }

/*-------------------------------------------
ボタン
-------------------------------------------*/

.btn {
    width: 260px;
    height: 53px;
}
.btn a {
  font-size: 1.2rem;
    padding-left: 18px;
    padding-right: 10px;
}
.btn a::before {
    width: 40px;
    height: 2px;
    right: 10px;
}
.btn a::after {
    width: 2px;
    height: 7px;
    top: 50%;
    right: 10px;
}
.btn a:hover::after, .btn a:hover::before {
    background-color: #fff;
}
/* -----------------------------------------
   会社案内、業務紹介ページ共通ボタン
------------------------------------------ */
.btn_anker-wrapper li {
  width: 33.3333%;
  border-top: 1px solid #193078;
  border-bottom: 1px solid #193078;
  border-right: 1px solid #193078;
  border-left: none;
}
.btn_anker {
  font-size: 1.2rem;
  gap: 3px;
  height: 53px;
}
.btn_anker-wrapper {
  margin: 20px 0;
}
.btn_anker-wrapper li:first-child {
  border-left: 1px solid #193078;
}
.btn_anker::after {
border-top: 5px solid #193078;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}

/*===========================================
  下層ページ共通（page-common.css）
===========================================*/
.inner-sub {
  margin-top: 20px;
}
/* ----------------------------
  下層ページメインビジュアル
---------------------------- */
.mainvisual-sub {
  margin-top: 40px;
  height: 150px;
}
.mainvisual-sub-title .section-title {
  display: flex;
  flex-direction: column;
}
.mainvisual-sub-title .section-title .en {
  color: #fff;
  margin-right: 0;
  font-size: 4rem;
}
.mainvisual-sub-title .section-title .ja {
font-size: 1.1rem;
}
/* ---------------------------
   パンくずリスト
---------------------------- */
.breadcrumb {
  margin-top: 12px;
  font-size: 1rem;
}
/*========================================
 トップページ（front-page.php）
========================================*/
/*--------------------------------
  メインビジュアル
---------------------------------*/
/*-----------------------------
  ABOUTセクション
------------------------------*/
.about {
padding: 30px 0;
 background-image: none;
}
.about-top {
    flex-direction: column;
    gap: 38px;
}
.about-text {
    font-size: 1.4rem;
}
.about-img {
    width: 100%;
}
.about-card {
    width: 100%;
}
.about-card-body {
    padding: 20px 15px;
}
.about-card-body .btn {
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
}
.about-card-text {
    font-size: 1.2rem;
}
.about-bottom {
    flex-direction: column;
    gap: 25px;
    margin-top: 0;
}
/*---------------------------------
  INSTGRAMセクション
----------------------------------*/
.instgram .btn {
    margin-top: 45px;
  }
/*---------------------------------
  NEWSセクション
----------------------------------*/
.news-list {
    font-size: 1.2rem;
    margin-top: 25px;

}
.news-list li {
    display: block;
    padding: 10px 0;
}
.news-list a::before {
    width: 19px;
    height: 1px;
}
.news-list a::after {
    width: 1px;
    height: 5px;
}
.title-pc {
  display: none;
}
.title-sp {
  display: inline;
}
.news .btn {
    margin: 40px auto 0;
}
/*----------------------------------
  MOVIEセクション
-----------------------------------*/
.home .movie {
  margin-top: 30px;
  padding: 30px 0;
}
.home .movie-text {
    font-size: 1.4rem;
}
.home .movie-videos {
    flex-direction: column;
    gap: 25px;

}
.home .movie-video {
    width: 100%; 
  }

.home  .movie-img {
    width: 50%;
    position: absolute;
    right: 2%;
    top: -12px;
}
/*-----------------------------------
  footer-before
------------------------------------*/
.home .footer-before-top {
flex-direction: column;
gap: 25px;
}
.home .footer-before-top .item {
    width: 100%;
    height: auto;
    }
.footer-before .section-title {
      gap: 10px;
      padding: 10px 15px;
    }
.footer-before .section-title .ja::before, .footer-before .section-title .ja::after {
      display: none;
     }
.instagram-banner {
        display: block;
        margin-top: 25px;
     }
/*-------------------------------------------
  footer
-------------------------------------------*/
.footer_logo img {
  width: 280px;
}
.home .footer-before {
    padding-top: 30px;
    margin-bottom: 85px;
    }

/* ======================================================
   会社案内ページ（page-company.php）
====================================================== */
 .factory .section-content {
  margin-top: 45px;
 }
 .factory .section-content:first-of-type {
  margin-top: 25px;
 }
table {
  font-size: 1.2rem;
  width: 100%;
}

table th, table td {
  padding: 7px;

}
.table-wrapper {
  width: 100%;

}
/* -----------------------------------------
   PROFILEセクション
------------------------------------------ */
.profile {
  /* padding: 40px 0; */
}
.profile-table {
    margin-top: 25px;
    font-size: 1rem;
  }

/* -----------------------------------------
   FACTORYセクション
------------------------------------------ */
 /* factory共通 */
 .factory table {
  width: 100%;
  min-width: 460px;
 }
.factory table th {
  height: 30px;
}
.factory table td {
height: 30px;
}
.factory-row {
  margin-top: 15px;
   flex-direction: column;
   gap: 18px;
   align-items: flex-start;
 }
 /* 審査及び認証、認定機関 */
 .factory .factory-table1 {
  margin-top: 15px;
  width: 100%;
  min-width: 600px;
}
.factory .factory-table1 td {
  height: 90px;
}
/* 運搬設備 */
    .factory-image-list.factory-image-list8 {
  width: 250px;
  }
/* 主要原材料の種類銘柄及び産地等の概容 */
.factory .factory-table9 {
  margin-top: 18px;
  width: 100%;
  min-width: 600px;
}
/* ======================================================
   HISTORYセクション
====================================================== */
.history .section-content {
  margin-top: 20px;
}
.history-table {
  width: 100%;
}
.history-table th {
   padding-left: 10px;
  white-space: nowrap;
}
.history-table td {
padding-left: 15px;
}
.history-table th .sp-br {
  display: block
}

/*========================================
 業務紹介ページ（page-business.php）
========================================*/

/*-------------------------------------------
  BUSINESSセクション
-------------------------------------------*/
.section-business-text {
 display: none;
}
.section-content-wrap {
  gap: 0;
  flex-direction: column;
}
.section-content-wrap .section-content {
  width: 100%;
}
.section-content-wrap.first-wrap .section-content  {
margin-top: 25px;
}
.business .section-content {
  margin-top: 52px;
}
.section-content-item {
  padding: 15px;
}
.section-content-item p {
  font-size: 0.9rem;
  margin-top: 6px;
}
.section-content-item .item-flex {
    min-height: auto;
    }
/* 技術課 */

.section-content-item1 img {
  height: 124px;
}
/* 生産課 */

.section-content-item2 img {
  /* height: 92px; */
}

/* 地域との共存 */
.section-content-item-wrap {
  display: flex;
  margin-top: 30px;
  gap: 20px;
  flex-wrap: wrap;
}
/* 青背景のアイテム */
.section-content-item-wrap  .section-content-item {
  padding-top: 10%;
  width: 100%;
}
/*-------------------------------------------
  SCOPE　OF SUPPLYセクション
-------------------------------------------*/
.scope .section-title .en {
  line-height: 1.146;
}
.scope-flex {
flex-direction: column;
align-items: start;
gap: 28px;
}
.scope-title {
  font-size: 1.4rem;
  font-weight: 700;
}
.scope-text p {
  font-size: 1.2rem;
}
.scope-right {
  width: 240px;
}
.sp-br {
  display: block;
}
.scope .ja {
  margin-left: 20px;
}

/*-------------------------------------------
  MOVIEセクション
-------------------------------------------*/
.business .movie-text {
  font-size: 1.4rem;
}
.business .movie-videos {
flex-direction: column;
gap: 20px;
}
.business .movie-video {
  width: 100%; 
}
.business .movie-items {
 flex-direction: column;
 align-items: center;
 gap: 8px;
 height: auto;
}
.business .movie-item {
  width: 80%;
  gap: 10%;
  justify-content: center;
}
.business .movie-item:first-child {
  margin-right: 0;
}
.business .movie-item-qr {
  margin-top: auto;
  
}
.business .movie-item-qr p {
  margin-top: auto;

}
/* ======================================================
   最新情報ページ（page-whatsnew.php）
====================================================== */
.news-content {
  font-size: 0.9rem;
}
.news-content:nth-of-type(n + 2) {
  margin-top: 40px;
}
.news-title {
  margin-top: 3px;
  font-size: 1.2rem;
  padding-bottom: 4px;
  border-bottom: 1px solid #193078;
}
.news-content-body {
  padding: 10px 0;
}
.news-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.news-img img {
  width: 200px;
}
/* -----------------------------------------
   ページネーション
------------------------------------------ */
.news-pagination {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin: 30px 0;
}
/* 共通 */
.news-pagination a {
  width: 72px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  padding: 0 15px;
}
.news-pagination a::before,  .news-pagination a::after {
  content: "";
  background-color: #193078;
  position: absolute;
  top: calc(50% + 2px) ;
}
.news-pagination a::before {
  width: 17px;
  height: 1px;
  transform: translateY(-50%);
}
.news-pagination a::after {
  width: 1px;
  height: 5px;
  transform: translateY(-100%) rotate(45deg);
  transform-origin: bottom;
}
 /* 戻るボタン */
.news-pagination .btn-prev::before {
left: 10px;
}
.news-pagination .btn-prev::after {
left: 10px;
}
  /* 次へボタン */
  .news-pagination .btn-next::before {
right: 10px;
  }
  .news-pagination .btn-next::after {
right: 10px;
  }

/*========================================
 SDGS宣言ページ（page-sdgs.php）
========================================*/

/*-------------------------------------------
  トップ
-------------------------------------------*/
.sdgs-top {
  margin-top: 30px;
}
.sdgs-top img {
  width: 88px;
}
.sdgs-top p:first-of-type {
  margin-top: 11px;
  font-size: 1.2rem;
}
.sdgs-top p:last-child {
  text-align: right;
  margin-top: 24px;
  font-size: 1rem;
}
.sdgs-top p span {
  font-size: 0.8rem;
}

/*-------------------------------------------
  コンテント
-------------------------------------------*/
.sdgs-contents {
  margin-top: 60px;
  gap: 40px 3%;
flex-direction: column;
}
.sdgs-content {
  width: 100%;
}
.sdgs-content-title {
  line-height: 3;
  font-size: 1.2rem;
  padding: 0 10px;
}
.sdgs-content-body {
  padding: 10px;
}
.sdgs-content-subtitle {
  font-size: 1.2rem;
}
.sdgs-subcontent {
  margin-top: 19px;
}
.sdgs-subcontent .sdgs-subcontent-item:nth-child(n + 2) {
  margin-top: 24px;
}
.sdgs-subtitle-under {
  height: 25px;
  line-height: 25px;
  border-left: 2px solid #193078;
  margin-bottom: 20px;
  padding-left: 4px;
  font-size: 1.2rem;
}
.sdgs-subcontent ul {
  font-size: 1rem;
  padding-left: calc(2px + 0.5em);
}
.sdgs-subcontent-item .icons {
  gap: 7px;
}
.sdgs-subcontent-item .icons img {
  width: 44px;
}


/*-------------------------------------------
  ボトム
-------------------------------------------*/
.sdgs-bottom {
  margin-top: 46px;
}
.sdgs-bottom-flex {
flex-direction: column;
gap: 20px;
}
.sdgs-bottom-flex .text {
  font-size: 1rem;
  width: 100%;
  }
  .sdgs-btn {
    width: 80%;
    height: 40px;
    margin: 60px auto 0;
  border: 2px solid #193078;
  color: #193078;
  font-weight: 700;
  font-size: 1rem;
  background-color: #fff;
  }
  .sdgs-btn a:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/sdgs_icon_pdf.svg");
    background-size: 20px 20px;
    margin-right: 8px;
  
  }
/*========================================
 排除宣言ページ（page-exclusion.php）
========================================*/
.exclusion-page {
  margin-top: 20px;
 }
 .exclusion-top {
  font-size: 1.4rem;
}
.exclusion-title {
  font-size: 1.8rem;
}
.pc-block {
  display: none;
}
.exclusion-top p {
text-align: left;
}
.exclusion-content {
  max-width: 100%;
  margin: 38px auto 0;
  font-size: 1.2rem;
}
.exclusion-footer {
  margin-top: 38px;
  font-size: 1rem;
}
.exclusion-footer span {
  font-size: 0.8rem;
}
/*========================================
 プライバシーポリシーページ（page-privacypolicy.php）
========================================*/
.privacypolicy-page {
  font-size: 1rem;
  font-weight: 500;
}
.privacypolicy-page .text-block {
  margin-top: 40px;
}
.privacypolicy-page .text-block-title {
  font-size: 1.2rem;
  color: #193078;
}
.privacypolicy-page .text-block-subtitle {
  margin-top: 1em;
}
.privacypolicy-page .text-block ul li {
  list-style-type: disc;
  list-style-position: inside;
}
/*========================================
 コンタクトページ（page-contact.php）
========================================*/
/* -----------------------------------
    プラグインContact Form7
------------------------------------*/
/* 　確認ボタン下の出力テキストサイズ変更 */

.wpcf7 form .wpcf7-response-output {
    font-size: 1rem;
}
/* 赤文字（入力してくださいテキスト）変更 */
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -30px;
}

/* -----------------------------------------
    フォーム上テキスト
------------------------------------------ */
.contact-top-text {
  margin-top: 15px;
  font-size: 1.1rem;
}
.contact-content > span {
  display: block;
  text-align: right;
  font-size: 0.8rem;
}
/* -----------------------------------------
         フォーム
------------------------------------------ */
.form-item {
  padding-bottom: 10px;
  border-bottom: 1px solid #193078;
  font-size: 1rem;

}
.form-item:nth-child(n + 2) {
  margin-top: 20px;
  }
  .form-item label {
    margin-bottom: 10px;
}
.form-btn input {
  width: 200px;
  height: 40px;
  font-size: 1rem;
}
/* -----------------------------------------
        プライバシーポリシーテキスト
------------------------------------------ */
.form-privacy {
  margin-top: 60px;
  padding: 15px;
  height: 100px;
  font-size: 0.8rem;
}
.contact-page .form-privacy h3 {
  font-size: 1rem;
}
.contact-page .form-privacy .text-block {
  margin-top: 10px;
}
.contact-page .privacypolicy-content > p {
  margin-top: 10px;
}
/* -----------------------------------------
        同意チェックボックス
------------------------------------------ */
.form-checkbox {
  margin-top: 40px;
  gap: 5px;
  font-size: 1rem;
}
.form-checkbox input {
  width: 8px;
  height: 8px;
}
/* -----------------------------------------
        確認ボタン
------------------------------------------ */
.form-btn {
  margin-top: 60px;
  text-align: center;
}
.form-btn button {
background-color: #fff;
color: #193078;
  width: 260px;
  height: 53px;
  border: 2px solid #193078;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 auto;
}
/* ======================================================
   コンタクト確認ページ（page-contact-confirm.php）
====================================================== */
.contact-confirm .form-item {
  font-size: 0.8rem;
}
.contact-confirm .form-item:nth-child(n + 2) {
  margin-top: 10px;
}
.contact-confirm .form-checkbox {
  margin-top: 10px;
  justify-content: left;
}
.contact-confirm .form-btn-wrap {
 flex-direction: column-reverse;
  justify-content: center;
}
.contact-confirm .form-btn {
  margin-top: 40px;
}
.contact-confirm .confirm-text {
  margin-top: 30px;
  font-size: 1rem;
}
/* ======================================================
   コンタクト完了ページ（page-contact-thanks.php）
====================================================== */
.contact-thanks  {
  text-align: center;
font-size: 1rem;
}
.contact-thanks p {
  margin-top: 10px;
}

}