/* ==========================================
   基本設定
   ========================================== */

/*------------　製品情報一覧ページ　------------*/

.page-service main>section{
   margin-bottom: 40px;
}

.page-service section>section{
   margin-bottom: 40px;;
}

.page-service h3{
   margin-bottom: 8px;
}

.page-service h4{
   margin-top: 16px;
   margin-left: 1rem;
}

.page-service main ul{
   margin-top: 8px;
}

.page-service main li a{
   margin-left: 8px;
   max-width: max-content;
}

.page-service main li p{
   margin-left: 24px;
   margin-bottom: 1rem;
}

.page-service .page-service-desc{
   padding-left: 8px;
   padding-right: 8px;
}

.page-service ul li:not(:last-child) .page-service-desc {
   padding-bottom: 24px;
}

/*------------　各製品情報詳細ページ　------------*/


.page-service-detail section {
    margin-bottom: 40px;
}

.page-service-detail main h3{
   margin-left: 1rem;
   margin-bottom: 16px;
}

.page-service-detail main ul,.page-service-detail main ol{
   margin-left: 1rem;
}

.page-service-detail main p{
   margin-left: 1rem;
   margin-bottom: 16px;;
}

.page-service-detail main img {
    margin-bottom: 16px;
}

.page-service-detail p.service-detail-lead,.page-service-detail p.industry-lead {
    padding: 0 1rem;
    margin-bottom: 40px;
}

.hero-lead{
   font-size: 1.1em;
   font-weight: bold;
   margin-bottom: 20px;
}

/* 注釈用ol*/
ol.spec-notes{
   margin-top: 1rem;
   margin-left: 1rem;
}


/*------ メイン概要 ------*/
.hero-block .h2-common04{
   margin-bottom: 16px;
}

.hero-block ul,.hero-block ol {
    margin-left: 1rem;
    margin-bottom: 32px;
}

.hero-block ol p{
   margin-left: 1rem;
   margin-bottom: 1rem;
}

.hero-block strong{
   display: block;
   margin-bottom: 16px;
}

/*------ 特長 ------*/

.page-service-detail main .features-block li h3{
   margin-left: 0;
   margin-bottom: 8px;;
}

.features-block ul,.features-block ol{
    margin-left: 1rem;
    margin-bottom: 32px;
}

.features-block ul p,.features-block ol p{
   margin-left: 1rem;
   margin-bottom: 1rem;
}



/*------ 製品仕様 ------*/

.spec-block table:not(.table-simple) th{
   background-color: #aaa;
}

/* 1番目はそのまま　2番目以降は */
.spec-block-2nd table:nth-of-type(n+2) th {
   background-color: #aaa;

}

/* h3の左幅解除　*/
.page-service-detail main .spec-block h3{
   margin-left: 0;
}

/* dl dt dd */
.spec-block dl{
   border: 1px solid #333;
   border-bottom: none;
   display: flex;
   flex-wrap: wrap;
}

.spec-block dt{
   width: 30%;
   border-bottom: 1px solid #333;
   padding: 8px;
}

.spec-block dd{
   width: 70%;
   border-bottom: 1px solid #333;
   padding: 8px;
}

.spec-block ol{
   list-style: none;
}

/*------ 他リスト ------*/

.list-block ul{
   margin-left: 1rem;
}

/*------ お問合せ ------*/
.page-service-detail .contact-area{
   padding: 40px 32px;
   background-color: #ebf4fe;
   margin: 3rem auto;
}

.page-service-detail .contact-area h2{
   width: 100%;
   max-width: max-content;
   margin:0 auto 32px;
   text-align: left;
   font-size: 1.1em;

}

.page-service-detail .contact-lead {
    width: 100%;
    max-width: max-content;
    margin: 0 auto 32px;
    text-align: left;
}

/*------ 資料請求フォーム（download-area）------*/

.download-area p{
   margin-bottom: 1rem;
}

.download-area small{
   color: #ff0000;
}

.download-area dl>div{
   display: flex;
}

.download-area dl>div dt{
   width: 16rem;
   flex-shrink: 0;
   padding: 16px;
   text-align: left;
   background-color: #d7f2ff;
   border-bottom: 2px solid #fff;
}

.download-area dl>div dd{
   flex-grow: 1;
   padding: 16px;
   text-align: left;
   border-right-width: 1px;
   border-right-style: none;
   border-right-color: #808080;
   border-bottom-width: 1px;
   border-bottom-style: none;
   border-bottom-color: #808080;
}

.download-area input[type="text"],
.download-area input[type="tel"],
.download-area input[type="email"],
.download-area textarea {
  border: 1px solid #000;
  outline: none;
  padding: 8px;
  width: 100%;
}


/* ボタンの親囲み */
.download-area .form-btn-group {
  display: flex;
  justify-content: space-around;
  margin-top: 32px;
}

/* 送信ボタン・クリア共通のスタイル */
.download-area .form-btn-group input{
   background-color: #ccc;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 204px;
   min-height: 60px;
   font-size: 1.25rem;
   font-weight: normal;
   text-decoration: none;
   color: #333;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.2s ease;
}

/* ホバー・フォーカス時のデザイン */
.download-area .form-btn-group input:hover, 
.download-area .form-btn-group input:focus-visible {
    background-color: #555;
    color: #ffffff;
    border-color: #555;
}


/* --- 資料請求・送信完了メッセージエリア --- */
.download-success-box {
  background: #f0f7ff;
  padding: 30px 20px;
  text-align: center;
  margin-bottom: 30px;
}

.download-success-box .h3-success-title {
  color: #0066cc;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.download-success-box .download-success-text {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #333;
}

/* DLボタン用スタイル */
.btn-download {
  display: inline-block;
  background-color: #0066cc;
  color: #ffffff;
  padding: 14px 28px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.btn-download:hover {
  background-color: #004999;
}

/*------ ダウンロードページ------*/

.dl-hero-block {
  text-align: center;
  padding: 40px 20px;
}

/* 共通ボックスレイアウト */
.dl-box {
  border: 1px solid #ccc;
  padding: 30px;
  border-radius: 4px;
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

/* 成功時ボックス */
.dl-box-success {
  background-color: #f0fff0;
  border-color: #b4eeb4;
}

/* エラー時ボックス */
.dl-box-error {
  background-color: #fff8f8;
  border-color: #ffb3b3;
}

/* タイトル共通 */
.dl-title {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

.dl-title-success {
  color: #2e8b57;
}

.dl-title-error {
  color: #d9534f;
}

/* テキスト・製品名 */
.dl-product-name {
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.1em;
}

.dl-text {
  line-height: 1.6;
  margin-bottom: 25px;
  text-align: center;
}

/* ボタンまわり */
.dl-btn-wrap {
  text-align: center;
}

.dl-action-btn {
  display: inline-block;
  background-color: #2e8b57;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  font-size: 1.1em;
}

.dl-action-btn:hover {
  opacity: 0.8;
}

/* 戻りリンク */
.dl-back-link-wrap {
  text-align: center;
  margin-top: 25px;
}

.dl-back-link {
  font-weight: bold;
  font-size: 1.1em;
}

/* 関連グループの調整 */
.dl-related-group {
  margin-top: 50px;
}

/*------ ワイヤレス2次元コードスキャナ SE1-QB ------*/




/*------ ワイヤレスバーコードスキャナ SE1-BB ------*/

.page-hard002 ul img{
   margin-top: 16px;;
}

.page-hard002 .main-image{
   margin-left: 16px;
}

/*------ 2Dバーコードスキャナ DS3608 ------*/
.page-hard007 .table-common01,.page-hard008 .table-common01{
   margin-bottom: 16px;
}

/*------ モバイルQRコード・バーコード対応固定式スキャナ QK-30 ------*/

.page-hard012 main figure{
   display: flex;
   flex-wrap: wrap;
}

.page-hard012 main img{
   margin-top: 16px;
}

/*------ ダイレクトマーキング対応スキャナ GT20QD ------*/

.page-hard013 main span{
   color: #009900;
}

.page-hard014 table{
   margin-bottom: 32px;
   word-break: break-all;
}

/*------ 超小型・軽量モデル BHT-1500B ------*/
.page-hard015 li img{
   margin-top: 16px;
}

/*------ ポータブルプリンタ B-LP2D ------*/

.page-hard016 .features-block h3,.page-hard016 .features-block p{
   margin-left: 0;
}

.page-service-detail main .spec-block-hard016 p,.page-service-detail main .spec-block-hard016 ul{
   margin-left: 0;
}

.spec-block-hard016 table{
   margin-bottom: 16px;
}

/*------ インチラベルプリンタ B-EX6T ------*/

.page-hard020 main .features-block h3{
   margin-left: 0;
}

.page-hard020 main .features-block li p{
   margin-left: 0;
}

.page-hard020 main ol{
   list-style: none;
   margin-bottom: 16px;
}

/*------ スキャントロニクスCL6NX-Jシリーズ ------*/

.page-hard021 main ul{
   margin-left: 2rem;;
}
.page-hard021 main span{
   color: #32cd32;
   font-size: 28pt;
}

.page-hard021 .features-block p{
   margin-left: 2rem;
}

/*------ ラベルプリンタ B-EX4T1 ------*/

.page-hard022 main .features-block h3{
   margin-left: 0;
}

.page-hard022 main .features-block strong{
   display: block;
   margin-top: 8px;
}

.page-hard022 main h3.h3-common01 {
    margin-left: 0;
    margin-top: 16px;
}

.page-hard022 main ol{
   list-style: none;
}

/*------ スキャントロニクス GN412T ------*/

.page-hard023 main h3{
   margin-left: 0;
}

.page-hard023 .list-block figure{
   margin-top: 16px;
}

/*------ 牢型ラベルプリンタ M-48Proシリーズ ------*/
.page-hard024 main .features-block h3{
   margin-left: 0;
}

/*------ B-SX8T ------*/

.page-hard025 .features-block ul{
   margin-left: 0;
}

.page-hard025 main h3.h3-common01 {
   margin-top: 16px;
   margin-left: 0;
}

/*------ 幅広バーコードプリンタ B-858 ------*/

.page-hard026 .features-block p,.page-hard026 .features-block ul{
   margin-left: 2rem;
}

.page-hard026 .features-block h3{
   margin-left: 0;
}

/*------ 幅広バーコードプリンタ B-858 ------*/

.page-hard027 .features-block h3,.page-hard027 .features-block p{
   margin-left: 0;
}

/*------ RFIDモバイルプリンタ ZQ630 ------*/

.page-hard028 .spec-block section, .page-hard028 .spec-block table{
   margin-bottom: 1rem;
}

.page-hard028 .features-block h3{
   margin-left: 0;
}

.page-hard028 .spec-block ul{
   list-style: disc;
   border: 1px solid #333;
   padding: 1rem 2rem;
   margin-left: 0;

}


/*------ 6インチラベルプリンタ B-EX6T ------*/

.page-hard029 .features-block h3{
   margin-left: 0;
}

.page-hard029 .features-block li ul{
   list-style: disc;
   margin-top: 8px;
}

.page-hard029 ol.spec-notes{
   list-style: none;
   margin-left: 0;
   margin-bottom: 16px;
}

.page-hard029 .spec-block section{
   margin-bottom: 16px;
}

/*------ ラベルプリンタ B-EX4T1 ------*/
.page-hard030 .features-block li p{
   margin-left: 0;
}

/*------ ラスキャントロニクスCL4NX-Jシリーズ ------*/

.page-hard031 main span{
   color: #32cd32;
   font-size: 28pt;
}

/*------ 防塵ラックシリーズ 基本仕様 ------*/

.page-hard035 .features-block ol{
    list-style: decimal;
    margin-left: 2rem;
}

.page-hard035 .customize-block figure{
   display: flex;
   gap: 16px;
}

/*------ 防塵ラック 前扉１枚タイプ ------*/

.page-hard036 .spec-block figure{
   margin: 16px;
}

/*------ 防塵ラック 前扉１枚タイプ ------*/

.page-hard037 .spec-block figure{
   margin: 16px;
}

/*------ 簡易防塵プリンタラック ------*/

.page-hard039 .features-block .gallery-list{
   display: flex;
   gap: 16px;
}

/*------ テレメジャーシリーズ ------*/

.page-hard042 .spec-block table{
   width: max-content;
}

/*------ 無線LAN サイトサーベイ ------*/

.page-service001 .purpose-block{

   ul{
      list-style: disc;
      margin-left: 2rem;
      margin-bottom: 1rem;
    }

}

.page-service001 .necessity-block{
   ul{
      margin-left: 2rem;
   }
}

.page-service001 section .ul-common01{
      margin-left: 2rem;
}

.page-service001 section figure{
   display: flex;
   gap: 16px;
   margin-top: 16px;
}

/*------ 材質から選ぶラベル・タグ ------*/

.page-supply002 .features-block ul,.page-supply003 .features-block ul,.page-supply004 .features-block ul{
   list-style: disc;
   margin-left: 2rem;
}

/* ==========================================
   タブレットサイズ以上 (1024px ~)
   ========================================== */

@media (min-width: 1024px) {

}

/* ==========================================
   モバイルサイズ以上 / Desktop Small (768px ~)
   ========================================== */

@media (min-width: 768px) {

}

/* ==========================================
   タブレットサイズ以下 (1024px ~)
   ========================================== */

@media (max-width: 1023px) {

}

/* ==========================================
   モバイルサイズ以下 (1024px ~)
   ========================================== */

@media (max-width: 767px) {

   .page-service-detail main img {
      margin:0 auto 16px;
   }

   /*------ 製品仕様 ------*/

   .spec-block table:not(.table-simple) th,
   .spec-block table:not(.table-simple) td {
      display: block;
      width: 100%;
      padding: 8px;
   }

   .spec-block table:not(.table-simple) th {
      border-bottom: none;
   }

   .spec-block table:not(.table-simple) tr:not(:last-child) td {
      border-bottom: none;
   }

   /* dl dt dd */
   .spec-block dt{
      width: 100%;
      background-color: #aaa;
   }

   .spec-block dd{
      width: 100%;
   }

   /* 1番目はそのまま　2番目以降は開業 */
   
   .spec-block-2nd table:nth-of-type(n+2){
      border-bottom: 1px solid #333;
   }

   .spec-block-2nd table:nth-of-type(n+2) th,.spec-block-2nd table:nth-of-type(n+2) td {
      border-bottom: none;
      display: block;
      width: 100%;
      padding: 8px;
   
   }

   
   /*------ 資料請求フォーム（download-area）------*/

   .download-area dl>div{
      flex-wrap: wrap;
   }

   .download-area dl>div dt{
      width: 100%;
   }
   
   .download-area dl>div dd{
      width: 100%;
   }

   .download-area input[type="text"],
   .download-area input[type="tel"],
   .download-area input[type="email"],
   .download-area textarea {
      width: 100%;
   }

   .download-area .form-btn-group input {
      width: auto;
      padding: 16px;
   }

   /*------ 簡易防塵プリンタラック ------*/

   .page-hard039 .features-block .gallery-list{
      display: block;
      text-align: center;
   }

   .page-hard039 .features-block .gallery-list li{
      margin-bottom: 16px;
   }

   /*------ 無線LAN サイトサーベイ ------*/
   
   .page-service001 section figure{
      display: block;
   }
   
}