@charset "UTF-8";

/* ▼ ChatGPT修正 2026-06-21：orderq2 共通CSS 第2段階 本文読みやすさ調整 ここから */

/*
  orderq2.html 専用の読みやすさ調整。
  body id="orderq" のページだけに効くように限定する。

  注意：
  3カラムの幅・float・左帯・右帯・ヘッダーには強く触らない。
  中央本文、案内ボックス、見出し、本文の行間だけを整える。
*/

/* 中央本文全体 */
body#orderq #box-center {
  font-size: 14px;
  line-height: 1.75;
}

/* 中央本文の基本テキスト */
body#orderq #box-center p,
body#orderq #box-center li,
body#orderq #box-center a,
body#orderq #box-center blockquote {
  line-height: 1.75;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* ページ冒頭のタイトル画像 */
body#orderq #box-center > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 10px auto;
}

/* ご注文方法・ご精算方法などのページ内ナビ */
body#orderq #orderq-navi {
  box-sizing: border-box;
  margin: 8px 0 14px 0;
  padding: 8px;
  border: 1px solid #e5dcc7;
  background: #fffdf7;
  text-align: center;
  line-height: 1.7;
}

body#orderq #orderq-navi a {
  display: inline-block;
  margin: 3px 4px;
  padding: 5px 9px;
  border: 1px solid #d8ccb5;
  background: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.4;
}

body#orderq #orderq-navi a:hover {
  text-decoration: underline;
}

/* 初めての方向けの案内ボックス群 */
body#orderq .hajimete,
body#orderq .hajimete2,
body#orderq .hajimete3,
body#orderq .hajimete4 {
  box-sizing: border-box;
  padding: 8px;
  margin-bottom: 8px;
  border: 1px solid #e5dcc7;
  background: #fffdf7;
  border-radius: 4px;
  overflow: hidden;
}

body#orderq .hajimete p,
body#orderq .hajimete2 p,
body#orderq .hajimete3 p,
body#orderq .hajimete4 p {
  margin-top: 2px;
  margin-bottom: 4px;
  line-height: 1.55;
}

/* 案内ボックス内のタイトル */
body#orderq .hajimete .title,
body#orderq .hajimete2 .title,
body#orderq .hajimete3 .title,
body#orderq .hajimete4 .title {
  font-weight: bold;
  line-height: 1.45;
  margin-top: 4px;
}

/* 中央本文の見出し */
body#orderq #box-center h1.sub-h1,
body#orderq #box-center h2.sub-h2 {
  box-sizing: border-box;
  margin-top: 18px;
  margin-bottom: 10px;
  padding: 7px 9px;
  line-height: 1.45;
  border-left: 5px solid #8b6f3d;
  background: #f8f3e6;
}

/* 長文本文の詰まりを軽減 */
body#orderq #box-center p {
  margin-top: 0.7em;
  margin-bottom: 0.9em;
}

/* 赤字の注意ブロックなど */
body#orderq #box-center blockquote {
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e5dcc7;
  background: #fffdf7;
}

/* お問い合わせ先などのリンクボタン風表示 */
body#orderq #box-center .repairing-link a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #d8ccb5;
  background: #ffffff;
  border-radius: 4px;
  text-decoration: underline;
  line-height: 1.45;
}

/* 幅の狭いPC・タブレット幅での保険 */
@media screen and (max-width: 900px) {
  body#orderq #box-center {
    font-size: 14px;
    line-height: 1.75;
  }

  body#orderq #orderq-navi a {
    margin: 3px 2px;
    padding: 5px 7px;
  }

  body#orderq .hajimete,
  body#orderq .hajimete2,
  body#orderq .hajimete3,
  body#orderq .hajimete4 {
    padding: 7px;
  }
}

/* ▲ ChatGPT修正 2026-06-21：orderq2 共通CSS 第2段階 本文読みやすさ調整 ここまで */
{\rtf1}


/* ▼ ChatGPT修正 2026-06-21：orderq2 第2.1段階 見た目が分かる本文強化CSS ここから */

/*
  orderq2.html 専用。
  第2段階の変化が見えにくかったため、
  もう少しはっきり分かる形で中央本文を整える。

  重要：
  body#orderq を付けているため、orderq2.html だけに効く。
  左メニュー・右帯・ヘッダー・3カラム幅には触らない。
*/

/* 中央本文全体を少し読みやすく */
body#orderq #box-center {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

/* 中央本文の段落 */
body#orderq #box-center p {
  font-size: 15px !important;
  line-height: 1.85 !important;
  margin-top: 0.8em !important;
  margin-bottom: 1.0em !important;
}

/* 冒頭のページ内ナビをはっきり見やすく */
body#orderq #orderq-navi {
  box-sizing: border-box !important;
  margin: 10px 0 18px 0 !important;
  padding: 10px !important;
  border: 1px solid #d8ccb5 !important;
  background: #f8fbff !important;
  text-align: center !important;
  line-height: 1.7 !important;
  border-radius: 6px !important;
}

body#orderq #orderq-navi a {
  display: inline-block !important;
  margin: 4px 5px !important;
  padding: 7px 12px !important;
  border: 1px solid #b9c9dc !important;
  background: #ffffff !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
}

/* 初めての方向け案内ボックスを、少しカード風にして分かりやすく */
body#orderq .hajimete,
body#orderq .hajimete2,
body#orderq .hajimete3,
body#orderq .hajimete4 {
  box-sizing: border-box !important;
  padding: 10px !important;
  margin: 8px 0 10px 0 !important;
  border: 1px solid #d8ccb5 !important;
  background: #fffdf7 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

body#orderq .hajimete p,
body#orderq .hajimete2 p,
body#orderq .hajimete3 p,
body#orderq .hajimete4 p {
  margin-top: 2px !important;
  margin-bottom: 5px !important;
  line-height: 1.6 !important;
}

/* 案内ボックスのタイトルを少し強調 */
body#orderq .hajimete .title,
body#orderq .hajimete2 .title,
body#orderq .hajimete3 .title,
body#orderq .hajimete4 .title {
  font-size: 15px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
  margin-top: 4px !important;
  color: #3a2a12 !important;
}

/* 中央本文の見出しを分かりやすく */
body#orderq #box-center h1.sub-h1,
body#orderq #box-center h2.sub-h2 {
  box-sizing: border-box !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  padding: 8px 10px !important;
  line-height: 1.45 !important;
  border-left: 5px solid #496f9f !important;
  background: #f3f8ff !important;
  font-size: 16px !important;
}

/* 注意ブロックを読みやすく */
body#orderq #box-center blockquote {
  box-sizing: border-box !important;
  margin: 12px 0 !important;
  padding: 12px !important;
  border: 1px solid #e5dcc7 !important;
  background: #fffdf7 !important;
  line-height: 1.75 !important;
}

/* リンクボタン風の部分 */
body#orderq #box-center .repairing-link a {
  display: inline-block !important;
  padding: 6px 12px !important;
  border: 1px solid #b9c9dc !important;
  background: #ffffff !important;
  border-radius: 5px !important;
  text-decoration: underline !important;
  line-height: 1.45 !important;
  font-weight: bold !important;
}

/* ▲ ChatGPT修正 2026-06-21：orderq2 第2.1段階 見た目が分かる本文強化CSS ここまで */

/* ▼ ChatGPT修正 2026-06-21：orderq2 第2.2段階 冒頭崩れ・リンク文字消え修正 ここから */

/*
  orderq2.html 専用の微修正。
  第2.1段階で良くなった見た目は残しつつ、
  以下2点だけ直す。

  1. 冒頭の「人工加工や・・・」の文章が上部バナー右側へ回り込む問題
  2. 「お問い合わせ一覧」「FAX専用注文フォーム（PDF）」の文字が見えない問題
*/

/* 冒頭タイトル画像の横に本文が回り込まないようにする */
body#orderq #box-center img[src*="ttl-orderq"] {
  display: block !important;
  float: none !important;
  clear: both !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 12px auto !important;
}

/* タイトル画像直後のページ内ナビも、必ず画像の下から始める */
body#orderq #orderq-navi {
  clear: both !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 冒頭本文がどこかの画像やボックスに回り込まないようにする */
body#orderq #box-center > p {
  clear: both !important;
}

/* repairing-link 系のリンク文字が背景と同化しないように明示指定 */
body#orderq #box-center .repairing-link {
  display: inline-block !important;
  background: none !important;
  color: #003366 !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* お問い合わせ一覧・FAXフォームなどのリンクを確実に見える色にする */
body#orderq #box-center .repairing-link a,
body#orderq #box-center .repairing-link a:link,
body#orderq #box-center .repairing-link a:visited {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 12px !important;
  border: 1px solid #b9c9dc !important;
  background: #ffffff !important;
  color: #003366 !important;
  text-indent: 0 !important;
  text-decoration: underline !important;
  font-size: 15px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 5px !important;
}

/* マウスを乗せた時も文字を消さない */
body#orderq #box-center .repairing-link a:hover,
body#orderq #box-center .repairing-link a:active {
  background: #f8fbff !important;
  color: #001f4d !important;
  text-decoration: underline !important;
}

/* ▲ ChatGPT修正 2026-06-21：orderq2 第2.2段階 冒頭崩れ・リンク文字消え修正 ここまで */
/* PC static pages common readable style stage4 */
body.pc-static-page #box-center {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

body.pc-static-page #box-center p,
body.pc-static-page #box-center li,
body.pc-static-page #box-center td,
body.pc-static-page #box-center th,
body.pc-static-page #box-center blockquote {
  line-height: 1.8 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

body.pc-static-page #box-center p {
  margin-top: 0.75em !important;
  margin-bottom: 1.0em !important;
}

body.pc-static-page #box-center img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

body.pc-static-page #box-center > img {
  display: block !important;
  float: none !important;
  clear: both !important;
  margin: 0 auto 12px auto !important;
}

body.pc-static-page #box-center h1,
body.pc-static-page #box-center h2,
body.pc-static-page #box-center h3,
body.pc-static-page #box-center .sub-h1,
body.pc-static-page #box-center .sub-h2 {
  box-sizing: border-box !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  padding: 8px 10px !important;
  line-height: 1.45 !important;
  border-left: 5px solid #496f9f !important;
  background: #f3f8ff !important;
  font-size: 16px !important;
}

body.pc-static-page #box-center table {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.pc-static-page #box-center th,
body.pc-static-page #box-center td {
  box-sizing: border-box !important;
  padding: 6px !important;
}

body.pc-static-page #box-center a {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

body.pc-static-page #box-center a img {
  border: 0 !important;
}

body.pc-static-page #box-center .caption,
body.pc-static-page #box-center .title {
  font-weight: bold !important;
}

body.pc-static-page #box-center blockquote {
  box-sizing: border-box !important;
  margin: 12px 0 !important;
  padding: 12px !important;
  border: 1px solid #e5dcc7 !important;
  background: #fffdf7 !important;
}

@media screen and (max-width: 900px) {
  body.pc-static-page #box-center {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body.pc-static-page #box-center h1,
  body.pc-static-page #box-center h2,
  body.pc-static-page #box-center h3,
  body.pc-static-page #box-center .sub-h1,
  body.pc-static-page #box-center .sub-h2 {
    font-size: 15px !important;
  }
}
/* PC static pages iteminfo2 image heading overlap fix stage4.1 */
body.pc-iteminfo-page #box-center h1,
body.pc-iteminfo-page #box-center h2,
body.pc-iteminfo-page #box-center h3,
body.pc-iteminfo-page #box-center .sub-h1,
body.pc-iteminfo-page #box-center .sub-h2 {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* iteminfo2 の特徴説明画像が見出し文字に重ならないようにする */
body.pc-iteminfo-page #box-center h1 + img,
body.pc-iteminfo-page #box-center h2 + img,
body.pc-iteminfo-page #box-center h3 + img,
body.pc-iteminfo-page #box-center .sub-h1 + img,
body.pc-iteminfo-page #box-center .sub-h2 + img {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 8px auto 14px auto !important;
}

/* 特徴ページの中央画像は、旧HTMLの align や float の影響を受けないようにする */
body.pc-iteminfo-page #box-center img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* 見出し直後の本文も、画像の横へ中途半端に回り込まないようにする */
body.pc-iteminfo-page #box-center h1 + img + p,
body.pc-iteminfo-page #box-center h2 + img + p,
body.pc-iteminfo-page #box-center h3 + img + p,
body.pc-iteminfo-page #box-center .sub-h1 + img + p,
body.pc-iteminfo-page #box-center .sub-h2 + img + p {
  clear: both !important;
}
/* PC iteminfo2 caption overlap fix stage4.2 */
body.pc-iteminfo-page #box-center .caption {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 18px 0 10px 0 !important;
  padding: 8px 10px !important;
  border-left: 5px solid #496f9f !important;
  background: #f3f8ff !important;
  color: #1f2f45 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
}

/* For modern browsers: if a paragraph only contains a caption span, make the paragraph itself a block heading. */
body.pc-iteminfo-page #box-center p:has(.caption) {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 18px 0 10px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Images immediately after these caption headings should start below the heading. */
body.pc-iteminfo-page #box-center .caption + img,
body.pc-iteminfo-page #box-center .caption + br + img,
body.pc-iteminfo-page #box-center p:has(.caption) + img,
body.pc-iteminfo-page #box-center p:has(.caption) + br + img {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 8px auto 14px auto !important;
}

/* Remove the awkward extra line break right after a caption when possible. */
body.pc-iteminfo-page #box-center .caption + br {
  display: none !important;
}
/* PC iteminfo2 tokucho heading overlap fix stage4.3 */
body.pc-iteminfo-page #box-center #tokucho1,
body.pc-iteminfo-page #box-center #tokucho2,
body.pc-iteminfo-page #box-center #tokucho3,
body.pc-iteminfo-page #box-center #tokucho4 {
  clear: both !important;
  float: none !important;
  display: block !important;
  position: relative !important;
  z-index: 10 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 20px 0 10px 0 !important;
  padding: 10px 12px !important;
  border-left: 5px solid #496f9f !important;
  border-top: 1px solid #d8e4f2 !important;
  border-right: 1px solid #d8e4f2 !important;
  border-bottom: 1px solid #d8e4f2 !important;
  background: #f3f8ff !important;
  overflow: visible !important;
}

/* tokucho見出し内の大タイトル */
body.pc-iteminfo-page #box-center #tokucho1 .tokucho-title,
body.pc-iteminfo-page #box-center #tokucho2 .tokucho-title,
body.pc-iteminfo-page #box-center #tokucho3 .tokucho-title,
body.pc-iteminfo-page #box-center #tokucho4 .tokucho-title {
  display: block !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  color: #1f2f45 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
}

/* tokucho見出し内の補足文 */
body.pc-iteminfo-page #box-center #tokucho1 p,
body.pc-iteminfo-page #box-center #tokucho2 p,
body.pc-iteminfo-page #box-center #tokucho3 p,
body.pc-iteminfo-page #box-center #tokucho4 p {
  display: block !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #333333 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* tokucho見出し直後の画像は、必ず見出しの下から始める */
body.pc-iteminfo-page #box-center #tokucho1 + img.pictleft,
body.pc-iteminfo-page #box-center #tokucho2 + img.pictleft,
body.pc-iteminfo-page #box-center #tokucho3 + img.pictleft,
body.pc-iteminfo-page #box-center #tokucho4 + img.pictleft {
  clear: left !important;
  float: left !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100px !important;
  max-width: 100px !important;
  height: auto !important;
  margin: 2px 12px 8px 0 !important;
}

/* tokucho見出し直後の本文は、画像の横には回り込んでよいが、見出しには重ならない */
body.pc-iteminfo-page #box-center #tokucho1 + img.pictleft + p,
body.pc-iteminfo-page #box-center #tokucho2 + img.pictleft + p,
body.pc-iteminfo-page #box-center #tokucho3 + img.pictleft + p,
body.pc-iteminfo-page #box-center #tokucho4 + img.pictleft + p {
  clear: none !important;
  margin-top: 0 !important;
}
/* PC info2 company profile readable style stage5 */
body.pc-info-page #box-center {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

/* Main title and section headings in info2 */
body.pc-info-page #box-center h1,
body.pc-info-page #box-center h2,
body.pc-info-page #box-center h3,
body.pc-info-page #box-center .sub-h1,
body.pc-info-page #box-center .sub-h2 {
  box-sizing: border-box !important;
  clear: both !important;
  margin: 20px 0 12px 0 !important;
  padding: 9px 11px !important;
  border-left: 5px solid #496f9f !important;
  border-top: 1px solid #d8e4f2 !important;
  border-right: 1px solid #d8e4f2 !important;
  border-bottom: 1px solid #d8e4f2 !important;
  background: #f3f8ff !important;
  color: #1f2f45 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* Basic text */
body.pc-info-page #box-center p,
body.pc-info-page #box-center li,
body.pc-info-page #box-center td,
body.pc-info-page #box-center th {
  font-size: 15px !important;
  line-height: 1.8 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

body.pc-info-page #box-center p {
  margin-top: 0.75em !important;
  margin-bottom: 1.0em !important;
}

/* Company / legal information tables */
body.pc-info-page #box-center table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  box-sizing: border-box !important;
  margin: 10px 0 16px 0 !important;
  background: #ffffff !important;
}

body.pc-info-page #box-center th,
body.pc-info-page #box-center td {
  box-sizing: border-box !important;
  padding: 9px 10px !important;
  border: 1px solid #e4e8ee !important;
  vertical-align: top !important;
}

body.pc-info-page #box-center th {
  width: 28% !important;
  background: #f3f8ff !important;
  color: #1f2f45 !important;
  font-weight: bold !important;
  text-align: left !important;
}

body.pc-info-page #box-center td {
  background: #ffffff !important;
}

/* If the old page uses plain table cells instead of th */
body.pc-info-page #box-center tr td:first-child {
  background: #f8fbff !important;
  color: #1f2f45 !important;
  font-weight: bold !important;
  width: 28% !important;
}

/* Long return / cancellation explanations */
body.pc-info-page #box-center blockquote,
body.pc-info-page #box-center .info-box,
body.pc-info-page #box-center .right-info {
  box-sizing: border-box !important;
  margin: 12px 0 !important;
  padding: 12px !important;
  border: 1px solid #e5dcc7 !important;
  background: #fffdf7 !important;
  line-height: 1.75 !important;
}

/* Links */
body.pc-info-page #box-center a {
  color: #003366 !important;
  text-decoration: underline !important;
  overflow-wrap: anywhere !important;
}

/* Images and certification marks */
body.pc-info-page #box-center img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

body.pc-info-page #box-center a img {
  border: 0 !important;
}

/* If old images float, keep them from colliding with the next text too much */
body.pc-info-page #box-center img[align="left"],
body.pc-info-page #box-center img[align="right"],
body.pc-info-page #box-center .pictleft,
body.pc-info-page #box-center .pictright {
  max-width: 45% !important;
  height: auto !important;
  margin: 6px 12px 8px 0 !important;
}

/* Narrow screen / tablet insurance */
@media screen and (max-width: 900px) {
  body.pc-info-page #box-center {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body.pc-info-page #box-center table,
  body.pc-info-page #box-center tbody,
  body.pc-info-page #box-center tr,
  body.pc-info-page #box-center th,
  body.pc-info-page #box-center td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.pc-info-page #box-center th,
  body.pc-info-page #box-center tr td:first-child {
    border-bottom: none !important;
  }

  body.pc-info-page #box-center td {
    border-top: none !important;
  }
}
/* PC content select2 readable style stage6 */
body.pc-select2-page #box-center {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

body.pc-select2-page #box-center h1,
body.pc-select2-page #box-center h2,
body.pc-select2-page #box-center h3,
body.pc-select2-page #box-center .sub-h1,
body.pc-select2-page #box-center .sub-h2,
body.pc-select2-page #box-center .title,
body.pc-select2-page #box-center .caption {
  box-sizing: border-box !important;
  clear: both !important;
  margin: 20px 0 12px 0 !important;
  padding: 9px 11px !important;
  border-left: 5px solid #496f9f !important;
  border-top: 1px solid #d8e4f2 !important;
  border-right: 1px solid #d8e4f2 !important;
  border-bottom: 1px solid #d8e4f2 !important;
  background: #f3f8ff !important;
  color: #1f2f45 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
}

body.pc-select2-page #box-center p,
body.pc-select2-page #box-center li,
body.pc-select2-page #box-center td,
body.pc-select2-page #box-center th,
body.pc-select2-page #box-center blockquote {
  font-size: 15px !important;
  line-height: 1.8 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

body.pc-select2-page #box-center p {
  margin-top: 0.75em !important;
  margin-bottom: 1.0em !important;
}

body.pc-select2-page #box-center img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

body.pc-select2-page #box-center > img {
  display: block !important;
  float: none !important;
  clear: both !important;
  margin: 0 auto 12px auto !important;
}

body.pc-select2-page #box-center img[align="left"],
body.pc-select2-page #box-center img[align="right"],
body.pc-select2-page #box-center .pictleft,
body.pc-select2-page #box-center .pictright {
  max-width: 45% !important;
  height: auto !important;
  margin: 6px 12px 8px 0 !important;
}

body.pc-select2-page #box-center table {
  max-width: 100% !important;
  box-sizing: border-box !important;
  border-collapse: collapse !important;
}

body.pc-select2-page #box-center th,
body.pc-select2-page #box-center td {
  box-sizing: border-box !important;
  padding: 7px 8px !important;
  vertical-align: top !important;
}

body.pc-select2-page #box-center blockquote,
body.pc-select2-page #box-center .box,
body.pc-select2-page #box-center .point,
body.pc-select2-page #box-center .attention,
body.pc-select2-page #box-center .memo {
  box-sizing: border-box !important;
  margin: 12px 0 !important;
  padding: 12px !important;
  border: 1px solid #e5dcc7 !important;
  background: #fffdf7 !important;
  line-height: 1.75 !important;
}

body.pc-select2-page #box-center a {
  color: #003366 !important;
  text-decoration: underline !important;
  overflow-wrap: anywhere !important;
}

body.pc-select2-page #box-center a img {
  border: 0 !important;
}

@media screen and (max-width: 900px) {
  body.pc-select2-page #box-center {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body.pc-select2-page #box-center h1,
  body.pc-select2-page #box-center h2,
  body.pc-select2-page #box-center h3,
  body.pc-select2-page #box-center .sub-h1,
  body.pc-select2-page #box-center .sub-h2,
  body.pc-select2-page #box-center .title,
  body.pc-select2-page #box-center .caption {
    font-size: 15px !important;
  }

  body.pc-select2-page #box-center img[align="left"],
  body.pc-select2-page #box-center img[align="right"],
  body.pc-select2-page #box-center .pictleft,
  body.pc-select2-page #box-center .pictright {
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 8px auto 12px auto !important;
  }
}
/* PC select2 category button and product card style stage6.1 */

/* Page lead box */
body.pc-select2-page #box-center #se62-title {
  box-sizing: border-box !important;
  margin: 0 0 18px 0 !important;
  padding: 12px !important;
  border: 1px solid #d8e4f2 !important;
  background: #f3f8ff !important;
  border-radius: 6px !important;
}

body.pc-select2-page #box-center #se62-title h3 {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  color: #1f2f45 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: bold !important;
}

/* The whole 10-category area */
body.pc-select2-page #box-center dl.se62 {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.pc-select2-page #box-center .set62 {
  box-sizing: border-box !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

/* Category open/close button */
body.pc-select2-page #box-center .set62 > a {
  display: block !important;
  text-decoration: none !important;
}

body.pc-select2-page #box-center .set62 > a dt,
body.pc-select2-page #box-center dt[id^="cate"] {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #b9c9dc !important;
  border-left: 6px solid #496f9f !important;
  background: #f3f8ff !important;
  color: #1f2f45 !important;
  font-size: 15px !important;
  font-weight: bold !important;
  line-height: 1.55 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}

/* Hover effect for category button */
body.pc-select2-page #box-center .set62 > a:hover dt,
body.pc-select2-page #box-center dt[id^="cate"]:hover {
  background: #eaf3ff !important;
  color: #003366 !important;
}

/* Opened category contents */
body.pc-select2-page #box-center dd.morefaq {
  box-sizing: border-box !important;
  margin: 0 0 14px 0 !important;
  padding: 10px !important;
  border: 1px solid #e5dcc7 !important;
  background: #fffdf7 !important;
  border-radius: 6px !important;
}

/* Each explanation paragraph */
body.pc-select2-page #box-center dd.morefaq p {
  box-sizing: border-box !important;
  clear: both !important;
  margin: 0 0 12px 0 !important;
  padding: 10px !important;
  border: 1px solid #ece3cf !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  overflow: hidden !important;
}

/* Numbered need/situation heading */
body.pc-select2-page #box-center dd.morefaq p strong {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #e5dcc7 !important;
  color: #1f2f45 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Product links: card-like rows */
body.pc-select2-page #box-center dd.morefaq p a {
  box-sizing: border-box !important;
  display: block !important;
  clear: both !important;
  min-height: 72px !important;
  margin: 6px 0 !important;
  padding: 6px 8px !important;
  border: 1px solid #e4e8ee !important;
  background: #f8fbff !important;
  color: #003366 !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}

body.pc-select2-page #box-center dd.morefaq p a:hover {
  background: #eef6ff !important;
  text-decoration: underline !important;
}

/* Product thumbnail */
body.pc-select2-page #box-center dd.morefaq p a img {
  float: left !important;
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  margin: 0 10px 4px 0 !important;
  padding: 0 !important;
  border: 1px solid #e4e8ee !important;
  background: #ffffff !important;
}

/* Gold emphasis text should remain emphasized */
body.pc-select2-page #box-center .f-gold {
  font-weight: bold !important;
}

/* Narrow screen insurance */
@media screen and (max-width: 900px) {
  body.pc-select2-page #box-center .set62 > a dt,
  body.pc-select2-page #box-center dt[id^="cate"] {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 10px !important;
  }

  body.pc-select2-page #box-center dd.morefaq {
    padding: 8px !important;
  }

  body.pc-select2-page #box-center dd.morefaq p {
    padding: 8px !important;
  }

  body.pc-select2-page #box-center dd.morefaq p a {
    min-height: 68px !important;
    padding: 6px !important;
  }
}