@charset "utf-8";
  /* 20260508 CSS更新 */



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
Q＆A　カード設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


  .support-flow {
    max-width: 680px;
    margin: 20px auto 100px auto;
    font-family: sans-serif;
    color: #333;
  }

  /* 各質問のセクション */
  .flow-section {
    margin-bottom: 150px;
    /* ジャンプした時にヘッダーの上に少し余白を作る */
    padding-top: 30px; 
  }

  /* 質問ヘッダー（濃いグレー） */
  .qa-header {
    background-color: #4a4a4a;
    color: white;
    padding: 15px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
  }

  /* 質問詳細エリア（薄いグレー） */
  .qa-contents {
    background-color: #f9f9f9;
    padding: 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.6;
  }

  /* 回答エリアの枠 */
  .decision-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 10px 0 20px 0;
  }

  .result-card {
    width: 92%;
    margin: 10px 0;
    padding: 18px;
    border-radius: 6px;
    box-sizing: border-box;
  }


  /* 緑のカード */
  .card-success2 {
    background-color: #E4F8E7;
    border: 1.5px solid #4a4a4a; /*28a745*/
	  
  }

  /* 緑のカード（正常ルート）>グレーに変更 */
  .card-success {
    background-color: #f3f3f3;
    border: 1.5px solid #4a4a4a; /*28a745*/
	  
  }

  /* 赤のカード（異常・停滞ルート） */
  .card-error {
    background-color: #fff5f5;
    border: 1.5px solid #830000;
  }

  /* 次へのリンクボタン */
  .next-guide-link {
    display: block;
    margin-top: 12px;
    padding: 2px;
    background-color: #575757;
	  /* #28a745なら同じ緑 */
    color: white !important;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
	width: 70%;            /* 横幅を70%に指定 */
    margin: 12px auto 0 auto; /* 中央寄せに配置 */
  }

  .next-guide-link:hover {
    background-color: #878787;
  }

  .badge {
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    font-size: 1.0em;
    margin-bottom: 8px;
    color: white;
    font-weight: bold;
  }
  .bg-green { background-color: #4a4a4a; }
  .bg-red { background-color: #830000; }
  .bg-green2 { background-color: #28a745; }
		
/* 問い合わせ番号専用のスタイル */
  .inquiry-number {
    font-size: 1.5em; /* 周りの文字より一回り大きく */
    display: inline-block;
    margin-top: 5px;
  }


.error-text {
  margin: 8px 0 0 0;
  font-size: 0.9em;
  line-height: 1.4;
}



/* 黄色のカード（製品に問題はないが未解決のルート） */
.card-warning {
  background-color: #fffbeb; /* 薄い黄色 */
  border: 1.5px solid #d97706; /* 濃いオレンジ寄りの黄色（視認性確保） */
}

/* 黄色バッジ */
.bg-yellow {
  background-color: #d97706;
  color: white;
}		

/* ーーー以下、カード間の線のデザインーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */	

		/* カード同士を繋ぐ縦線の設定 */
.flow-section {
  position: relative; /* 線の基準点にする */
}

/* 最後のセクション以外に下向きの線を引く */
.flow-section:not(:last-of-type)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -130px; /* セクション間の余白に合わせて調整 */
  width: 20px;
  height: 130px; /* 線の長さ */
  background-color: #ddd; /* 線の色 */
  transform: translateX(-50%);
  z-index: -1;
}

/* 線の先端を矢印にする（お好みで） */
.flow-section:not(:last-of-type)::before {
  content: "▼";
  position: absolute;
  left: 50%;
  bottom: -190px;
  transform: translateX(-50%);
  color: #ddd;
  font-size: 65px;
}
	


/*
----Q&Aページ用　画像の処理----------------------------------------------------------------------------------------------------------------------------------------------*/
	
/* qa-contents内の画像設定 */
.qanda-img {
  display: block;      /* センタリングのためにブロック化 */
  margin: 20px auto;   /* 上下に余白を作り、左右中央寄せ */
  width: 100%;         /* 親要素の幅いっぱいに広げる */
  max-width: 100%;     /* 絶対に親要素を突き破らない設定 */
  height: auto;        /* 比率を維持 */
  
}



/*
----Q&Aページ用２----Q&Aページ内のヘッダーレイアウト20250904----------------------------------------------------------------------------------------------------------------------------------------------*/
	
.qanda-header1{
		background:#ffffff;padding:10px;font-size:200%;
}

.qanda-header2{
		background:#cccccc;padding:10px;font-size:150%;
}	
	
	
	
/*
----会社情報　フッター----------------------------------------------------------------------------------------------------------------------------------------------*/
	


/* フッター：HTMLにあるので残す */
#footer {
    width: 100%;
    background: #242415;
    padding: 20px 0;
    color: #FFFFFF;
    text-align: left;
}
#footer a {
    color: #FFFFFF;
}
#copyright {
    text-align: center;
    font-size: 12px;
}



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
全端末（PC・タブレット・スマホ）共通設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/*全体の設定
---------------------------------------------------------------------------*/

/* 土台の設定 */
body {
    margin: 0;
    padding: 0;
    color: #333; /* 666より少し濃いほうが読みやすいです */
    font-family: "Hiragino Sans", "Meiryo", sans-serif; /* シンプルな指定に */
    font-size: 17px; /* 今のスマホには14pxは少し小さいので16px推奨 */
    line-height: 1.6; /* 2は広すぎるので1.6〜1.8が適正 */
    background: #fff;
    overflow-x: hidden;
}

/* ブラウザの余計な余白をリセット */
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, figure, form {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

/* リストの「・」を消す */
ul {
    list-style-type: none;
}

/* 画像がはみ出さないようにする（最重要） */
img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* テーブルの枠線をスッキリさせる */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* youtubeなどの動画用に */
iframe {
    max-width: 100%; /* 親要素より大きくならない */
    border: none;    /* 余計な枠線を消す */
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #000000;	/*リンクテキストの色*/
/*	text-decoration: none;*/	/*追加210325●●●*/
}
a:hover {
	color: #b22222;			/*マウスオン時の文字色*/
/*	text-decoration: none; */	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
スマホPCなどのサイズ関連
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


/* --- スマホ・タブレット（幅800px以下） --- */
@media screen and (max-width: 800px) {
  .style2026 {
    width: 95%; /* 左右の余白を少し詰めて、コンテンツを広く見せる */
    padding: 15px;
    font-size: 17px; /* スマホで18pxは少し大きすぎるため、16〜17pxが主流 */
  }

}

/* --- PC（幅801px以上） --- */
@media screen and (min-width: 801px) {
  .style2026 {
    margin: 0 auto;
    width: 90%;      /* 固定ではなく、画面に合わせる */
    max-width: 800px; /* ただし、広がりすぎないように制限する（800pxが最も読みやすい） */
  }
  

}

/* --- 全体共通（基本の読みやすさ） --- */
.style1 {
  text-align: left;
  margin: 0 auto;
  padding: 20px;
  color: #333;
  font-size: 18px;    /* 17px〜18pxは現代の標準的な読みやすさ */
  line-height: 1.7;   /* 1.6〜1.8が最も視線移動が楽です */
  word-wrap: break-word; /* 長い英単語などのはみ出し防止 */
}