/*
Theme Name : manual_tmp
*/

/* faq 共通 */
body {
  color: #333;
  font-family: HiraginoSans-W3;
  background-color: #ffffff;
  margin: 0 auto;
  min-width: 960px;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

h1 {
  text-align: center;
}

h2 {
  font-weight: bold;
  margin: 0 0 43px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 23px;
}

h3 {
  font-size: 20px;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #333;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  margin: 0;
  padding: 0 0 0 26px;
}

/* ヘッダー start (共通) */
header {
  height: 63px;
  border-bottom: 1px solid #ebebeb;
}

.header {
  display: flex;
  width: 960px;
  padding: 5px 0 5px 25px;
  margin: 0 auto;
}

.header p {
  height: 20px;
  font-size: 20px;
  font-weight: normal;
  color: #4c4c4c;
  margin: 0;
  padding: 15px 0 0px 27px;
}

/* ヘッダー end (共通) */

/* パンくずリスト(共通) start */
.headerBreadCrumbSection,
.footerBreadCrumbSection {
  font-size: 14px;
  height: 60px;
}

.breadCrumb {
  width: 802px;
  margin: 0 auto;
  padding-top: 20px;
  display: flex;
}

.breadCrumbTitle:hover {
  color: #1775b1;
}

/* パンくずリスト(共通) end */

/* ヘッダー パンくずリスト start */
.headerBreadCrumbSection {
  background-color: #fff;
}

/* ヘッダー パンくずリスト end */

/* フッター パンくずリスト start */
.footerBreadCrumbSection {
  background-color: #333333;
}

.footerBreadCrumbSection ul li span {
  color: #fff;
}

/* パンくずリスト end */

/* TOP title start */
.topTitleSection {
  width: 960px;
  height: 84px;
  text-align: center;
  margin: 0 auto;
  padding: 53px 0 31px;
}

.topTitleSection h1 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
}

/* TOP title end */

/* TOP contents start */
.topContentsSection {
  background-color: #f5f5f5;
  padding: 69px 80px 92px;
}

.topContentsSectionInner {
  width: 800px;
  margin: 0 auto;
}

/* TOP contents end */

/* TOP よくあるご質問 start */
.topFrequentlyAskSection {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.categorySectionTitleWrap,
.downloadSectionTitleWrap,
.manualSectionTitleWrap{
  width: 960px;
  margin: 0 auto;
  height: 48px;
  border-left: 9px solid #1775b1;
  display: table;
  margin-bottom: 26px;
}

.categorySectionTitleWrap p {
  font-size: 15px;
}

.categorySectionTitleWrap p:hover {
  text-decoration: underline;
}

.topListTitle li {
  font-size: 14px;
  color: #4c4c4c;
  padding-bottom: 26px;
  width: 350px;
}

.topListTitle li:hover {
  text-decoration: underline;
}

/* TOP よくあるご質問 end */

/* カテゴリーで探す start */
.topCategorySectionContainer,
.manualSectionContainer {
  color: #4c4c4c;
  margin-bottom: 66px;
}

.topCategorySectionContainer ul {
  display: grid;
  grid-template: repeat(2, 168px) / repeat(3, 254px);
  grid-gap: 19px;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}

.topCategorySectionContainer p,
.downloadSectionContainer p,
.manualSectionContainer p {
  font-size: 12px;
  line-height: 1.67;
}

.topCategoryBlock {
  text-align: center;
  border: solid 1px #dbdee1;
  background-color: #fff;
  padding: 27px 0 23px;
  margin-bottom: 10px;
}

.categoryIcon {
  fill: #727272;
}

.topCategoryBlock:hover,
.manualBlock:hover {
  border-color: #1775b1;
}

.topCategoryBlock:hover .categoryIcon,
.manualBlock:hover .categoryIcon {
  fill: #1775b1;
}

/* カテゴリーで探す end */
/* 操作マニュアル start */

.manualSectionContainer ul {
  display: grid;
  grid-template: repeat(1, 168px) / repeat(3, 254px);
  grid-gap: 19px;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}

.manualBlock {
  width: 254px;
  height: 93px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #dbdee1;
  padding: 27px 0 0;
  margin-bottom: 10px;
}

/* 操作マニュアル end */
/* 操作マニュアルダウンロード start */
.downloadSectionContainer ul {
  display: grid;
  grid-template: repeat(1, 168px) / repeat(3, 254px);
  grid-gap: 19px;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}

.downloadBlock {
  width: 254px;
  height: 93px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #dbdee1;
  padding: 27px 0 0;
  margin-bottom: 10px;
}

/* 操作マニュアルダウンロード end */

/* FAQ一覧（共通）start */
.listWrap {
  background-color: #fff;
  width: 800px;
}

.listWrap li {
  height: 40px;
  padding: 12px 0 0 17px;
  border: 1px solid #f5f5f5;
  background-color: #fff;
}

.listWrap li:hover {
  background-color: #fafafa;
}

.listTitle {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0 0 12px;
  width: 730px;
}

.detailIcon {
  fill: #727272;
}

.listWrap li:hover .detailIcon {
  fill: #1775b1;
}

/* FAQ一覧（共通） end */

/* FAQ詳細（共通） start */
.detailsSection {
  width: 800px;
  background-color: #fff;
  padding: 49px 0 94px 0;
  margin-bottom: 50px;
}

.detailsSectionTitleWrap {
  border-bottom: 1px solid #f5f5f5;
  padding: 0 50px 41px;
}

.detailsSectionTitleWrap h2 {
  height: 48px;
  border-left: 9px solid #1775b1;
}

.detailsBlock {
  padding: 60px 50px 0;
}

.detailsBlock h5 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 24px;
}

.supplement {
  font-size: 14px;
  line-height: 2;
  padding-bottom: 24px;
  color: #4c4c4c;
}

.toAnotherQuestion {
  padding: 20px 0 0;
  font-size: 14px;
}

.stepLink a {
  padding-bottom: 24px;
  display: block;
}

.detailsBlock ol li {
  font-size: 18px;
  padding-bottom: 30px;
}

.detailsBlock ol li img {
  padding: 20px 0 40px;
}

.detailsBlock ol li span {
  font-weight: bold;
}

.detailsBlock ul {
  padding: 0 23px 24px 40px;
  list-style-type: square;
  color: #4c4c4c;
}

.detailsBlock ul li {
  font-size: 14px;
  line-height: 2;
  padding-bottom: 10px;
}

.detailsBlock ul li a,
.detailsBlock ol li a,
.detailsBlock ol p a {
  color: #04429d;
  text-decoration-line: underline;
}

.tel {
  padding-left: 25px;
}

/* FAQ詳細（共通） end */

/* 関連記事（共通）start */
.relatedFaqSection {
  width: 800px;
  background-color: #fff;
  padding: 45px 0 20px;
  margin-bottom: 50px;
}

.relatedFaqInner {
  padding: 0 40px 0;
}

.relatedFaqInner h4 {
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 32px;
}

.relatedFaqInner span {
  color: #1775b1;
}

.relatedFaqInner ul {
  font-size: 14px;
}

.relatedFaqInner ul li {
  padding-bottom: 26px;
}

.relatedFaqTitle:hover {
  text-decoration: underline;
}

/* 関連記事（共通）end */

/* 操作マニュアル一覧 start */

.manualcategoryWrap {
    width: 800px;
    overflow: hidden;
}

.manualcategoryBlock-left {
  width: 360px;
  float: left;
}

.manualcategoryBlock-right {
  width: 360px;
  float: right;
}

.manuallistBlock {
  margin-bottom: 48px;
}

.manuallistBlock h3{
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: solid 1px #E0E0E0;
}

.manuallistBlock li{
  font-size: 14px;
  padding-bottom: 8px;
}

.manuallistBlock a{
  color: #04429d;
}

.manuallistBlock a:hover{
  text-decoration: underline;
}



/* 操作マニュアル一覧 end */