@charset "UTF-8";
/* Scss Document */
p.indent1em {
  padding-left: 1em;
  text-indent: -1em; }

.pctar {
  text-align: right; }

#careContents p {
  line-height: 1.5; }

ul#ancEtc02 {
  /*margin-bottom: 20px; 201906change*/
margin-bottom: 10px;}
  ul#ancEtc02 li {
    /*width: 180px; 201906change*/
	  width: 314px;
    float: left;
    /*margin-right: 12px; 201906change*/
	  margin-bottom: 10px;
margin-right: 19px;}
    ul#ancEtc02 li a {
      display: block;
      border: 1px solid #444;
      border-radius: 3px;
      color: #000;
      padding: .8em;
      background: url(../img/pc/arrow.png) right 10px center no-repeat; }
      ul#ancEtc02 li a:hover {
        opacity: 0.6; }
      ul#ancEtc02 li a span:first-child {
        font-size: 13px;
        font-weight: bold;
        display: block; }
      ul#ancEtc02 li a span:last-child {
        font-size: 11px;
        display: block; }
  ul#ancEtc02 li:first-child {
    /*width: 212px; 201906change*/ }
ul#ancEtc02 li:nth-child(3), 
  ul#ancEtc02 li:last-child {
    margin-right: 0px; }
  ul#ancEtc02 li.pageLink a {
    color: #fff;
    background: url(../img/pc/arrowyoko.png) right 10px center no-repeat;
    background-color: #464646; }
  ul#ancEtc02:after {
    content: " ";
    display: block;
    clear: both; }
  @media screen and (max-width: 736px) {
    ul#ancEtc02 {
      display: none; } }

#careContents h4 {
  width: 980px;
  margin: 0 auto;
  font-family: "こぶりなゴシック W3 JIS2004";
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  background-color: #464646;
  margin-bottom: 30px;
  padding: 17px;
  box-sizing: border-box; }
  #careContents h4 span {
    font-size: 16px; }
  #careContents h4 img.pc {
    width: auto; }
  #careContents h4 img.sp {
    display: none; }
  @media screen and (max-width: 736px) {
    #careContents h4 {
      font-size: 18px;
      line-height: 1.2;
      width: 100%;
      margin-bottom: 10%;
      padding: 4.6875%;
      padding-right: 14%;
      cursor: pointer;
      background: url(../img/sp/plus.png) #464646 right 4.6875% center no-repeat;
      background-size: 8%; }
      #careContents h4 span {
        font-size: 14px; }
      #careContents h4.plus {
        width: 100%;
        margin-bottom: 10%;
        padding: 4.6875%;
        padding-right: 14%;
        cursor: pointer;
        background: url(../img/sp/minus.png) #464646 right 4.6875% center no-repeat;
        background-size: 8%; }
      #careContents h4 img.pc {
        display: none; }
      #careContents h4 img.sp {
        display: block;
        width: 90%; } }

.oneEtc .sliderWrap {
  width: 460px;
  float: right; }
  @media screen and (max-width: 736px) {
    .oneEtc .sliderWrap {
      width: 100%;
      float: none;
      margin-bottom: 7%; } }
.oneEtc .specColumn {
  width: 460px;
  float: left; }
  .oneEtc .specColumn table {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d6d6d6; }
    .oneEtc .specColumn table th {
      background-color: #f8f8f8;
      width: 220px; }
    .oneEtc .specColumn table th, .oneEtc .specColumn table td {
      border: 1px solid #d6d6d6;
      padding: 0.6em 1em;
      text-align: left;
      vertical-align: middle; }
  @media screen and (max-width: 736px) {
    .oneEtc .specColumn {
      width: 100%;
      float: none; }
      .oneEtc .specColumn table th {
        width: 40vw; }
      .oneEtc .specColumn table th, .oneEtc .specColumn table td {
        padding: 0.4em 0.8em; }
      .oneEtc .specColumn .mb15 {
        margin-bottom: 6%; } }
.oneEtc .rearOpLeft {
  width: 360px;
  float: left; }
  @media screen and (max-width: 736px) {
    .oneEtc .rearOpLeft {
      width: 100%;
      float: none;
      margin-bottom: 7%; } }
.oneEtc .rearOpRight {
  width: 580px;
  float: right; }
  @media screen and (max-width: 736px) {
    .oneEtc .rearOpRight {
      width: 100%;
      float: none; } }
.oneEtc .indentNum li {
  padding-left: 1.7em;
  text-indent: -1.7em; }
.oneEtc:after {
  content: " ";
  display: block;
  clear: both; }

p.viewerLink a {
  display: block;
  width: 390px;
  border: 1px solid #787878;
  padding: 1em 0 0.8em;
  text-align: center;
  font-weight: bold;
  color: #787878;
  background: url(../img/pc/arrowyoko2.png) right 15px center no-repeat; }
  p.viewerLink a:hover {
    opacity: 0.7; }

p.viewerLinkPDF a {
  color: #fff;
  transition: all .3s;
  background: url(../img/pc/arrowyoko.png) #c00 right 15px center no-repeat;
  border: 1px solid #c00; }
  p.viewerLinkPDF a:hover {
    background: url(../img/pc/arrowyoko2.png) #fff right 15px center no-repeat;
    border: 1px solid #787878;
    color: #000;
    opacity: 1; }

p.viewerLinkInfo a {
  display: block;
  width: 500px;
  border: 1px solid #c00;
  padding: 1em 0 0.8em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: url(../img/pc/arrowyoko.png) #c00 right 15px center no-repeat;
  margin: 0 auto; }
  p.viewerLinkInfo a:hover {
    opacity: 0.7; }

.forGathersNavikakomi {
  display: inline-block;
  border: 1px solid #fff;
  padding: 0.2em;
  margin: 0.4em 0 0.2em; }

.fz14 {
	font-size: 14px;
}

@media screen and (max-width: 736px) {
  p.viewerLink a,
  p.viewerLinkInfo a {
    width: 100%; } }
/*テーブル部分*/
div.tableWrapper {
  clear: both;
  padding-top: 50px;
  padding-bottom: 30px; }

div.col-e3-l,
div.col-e3-r {
  width: 490px;
  float: left; }

table.dataTable {
  width: 100%;
  box-sizing: border-box; }

table.dataTable th,
table.dataTable td {
  padding: 0.6em;
  text-align: left;
  vertical-align: middle; }

table.dataTable th {
  background: #f8f8f8; }

div.col-e3-l table {
  box-sizing: border-box;
  border: 1px solid #d6d6d6; }

div.col-e3-l.short table {
  box-sizing: border-box;
  border: none !important; }

div.col-e3-l.short table th,
div.col-e3-l.short table td {
	border: none !important;
	border-top: 1px solid #d6d6d6 !important;
	border-left: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important;
}

div.col-e3-r.long table {
  box-sizing: border-box;
  border: 1px solid #d6d6d6 !important; }

div.col-e3-l table th,
div.col-e3-l table td {
  border: 1px solid #d6d6d6; }

div.col-e3-r table th,
div.col-e3-r table td {
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }

table.dataTable th.width01 {
  width: 80px; }

table.dataTable th.width02 {
  width: 110px; }

div.tableWrapper:after {
  content: " ";
  display: block;
  clear: both; }

table.dataTable2,
table.dataTable2 th,
table.dataTable2 td {
  border: 1px solid #d6d6d6; }

table.dataTable2 td.gps,
table.dataTable2 td.monitor {
  background: #696969;
  color: #fff; }

@media screen and (max-width: 736px) {
  div.col-e3-l,
  div.col-e3-r {
    width: 100%;
    float: none; }

  div.col-e3-l.short table th,
div.col-e3-l.short table td {
		border-right: 1px solid #d6d6d6 !important;
	}
	
	div.col-e3-r.long table {
		border: none !important;
	}
	
	div.col-e3-r.long table th,
div.col-e3-r.long table td {
		border-top :none !important;
	}
	
	div.col-e3-r table th,
  div.col-e3-r table td {
    border-top: none;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6; }

  table.dataTable * {
    font-size: 11px; }

  table.dataTable th.width01 {
    width: 18%; }

  table.dataTable th.width02 {
    width: 17%; } }
/*発売予定*/
p.hatsubaiyotei {
  display: inline-block;
  border: 1px solid #f00;
  color: #f00;
  padding: 0.4em 0.6em 0.3em 0.6em; }

/**/
ul.cautionIndentNumber {
  font-size: 1.1rem; }

ul.cautionIndentNumber li {
  padding-left: 2em;
  text-indent: -2em; }

ul.cautionIndentNumber li.futaketa {
  padding-left: 2.6em;
  text-indent: -2.6em; }

p.price {
  font-size: 32px; }
  p.price span {
    font-size: 14px;
    font-weight: normal; }
  @media screen and (max-width: 736px) {
    p.price {
      font-size: 7vw; }
      p.price span {
        font-size: 3.6vw; } }

p.lead {
  font-size: 16px;
  line-height: 1.8; }
  @media screen and (max-width: 736px) {
    p.lead {
      font-size: 3.6vw;
      line-height: 1.5 !important; } }

h5.grayObi {
  color: #464646;
  border: none; }
  h5.grayObi::before {
    background: #464646; }

ul.kinouList li {
  margin-bottom: 0.2em; }
  @media screen and (max-width: 736px) {
    ul.kinouList li {
      display: inline; }
      ul.kinouList li::after {
        display: inline-block;
        content: "";
        width: 0.4em; } }

h5 {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 15px 0; }

p.sec01 {
  font-size: 16px;
  font-weight: bold; }

p.sec02 a {
  color: #000;
  text-decoration: underline !important; }
  p.sec02 a:hover {
    color: #c00; }

@media screen and (max-width: 736px) {
  p.sec01 {
    font-size: 16px;
    font-weight: bold; }
    p.sec01 a {
      display: block;
      color: #000;
      text-decoration: underline !important;
      padding-bottom: 8%; }

  p.sec02 {
    display: none; } }
p.sannen6man {
  width: 292px; }
  @media screen and (max-width: 736px) {
    p.sannen6man {
      width: 80%; } }

a.accessAutomobiles {
  color: #000;
  text-decoration: underline !important; }
  a.accessAutomobiles:hover {
    color: #c00; }

/*ビューアーソフトダウンロードページ*/
div.downloadLeadLeft {
  width: 420px;
  float: left; }

div.downloadLeadRight {
  width: 510px;
  float: right; }

@media screen and (max-width: 736px) {
  div.downloadLeadLeft {
    width: 100%;
    float: none; }

  div.downloadLeadRight {
    width: 100%;
    float: none;
    margin-top: 4%; } }
div.viewerList ul {
  float: left;
  width: 300px;
  margin-right: 40px; }
  div.viewerList ul li:nth-child(1) {
    margin-bottom: 30px; }
div.viewerList ul:nth-child(3n) {
  margin-right: 0; }
div.viewerList p.title {
  background: #464646;
  padding: 10px 0; }
  div.viewerList p.title img.pc {
    width: auto; }
  div.viewerList p.title img.sp {
    display: none; }
div.viewerList p.viewerLink2 a {
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid #787878;
  padding: 1em 0 0.8em;
  text-align: center;
  font-weight: bold;
  color: #787878;
  background: url(../img/pc/arrowyoko2.png) right 10px center no-repeat; }
  div.viewerList p.viewerLink2 a:hover {
    opacity: 0.7; }
div.viewerList p.viewerLink2Null {
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid #c7c7c7;
  padding: 1em 0 0.8em;
  text-align: center;
  font-weight: bold;
  color: #c7c7c7; }

@media screen and (max-width: 736px) {
  div.viewerList ul {
    float: none;
    width: 100%;
    margin-right: 0; }
    div.viewerList ul li:nth-child(1) {
      margin: 0 -4.6875% 15px; }
  div.viewerList p.title {
    background: #464646;
    padding: 10px 0; }
    div.viewerList p.title img.pc {
      display: none; }
    div.viewerList p.title img.sp {
      display: inline;
      width: 90%;
      margin-left: 4.6875%; }
  div.viewerList p.viewerLink2 a {
    width: 72%;
    margin: 0 auto;
    margin-bottom: 30px; }
  div.viewerList p.viewerLink2Null {
    display: block;
    width: 72%;
    margin: 0 auto;
    margin-bottom: 30px; } }
p.pageLink2 {
  text-align: right;
  font-size: 11px;
  margin-bottom: 20px; }

p.pageLink2 a {
  display: inline-block;
  width: 230px;
  text-align: left;
  border: 1px solid #444;
  border-radius: 3px;
  padding: .8em;
  color: #fff;
  background: url(../img/pc/arrowyoko.png) right 10px center no-repeat;
  background-color: #464646; }
  p.pageLink2 a:hover {
    opacity: 0.6; }

.koushinJyouhou {
  margin-bottom: 30px;
  border: 2px solid #f00;
  color: #f00;
  padding: 1.2em 1.6em;
  font-weight: bold; }
  .koushinJyouhou a {
    text-decoration: none;
    color: #f00; }
    .koushinJyouhou a:hover {
      text-decoration: underline !important; }

@media screen and (max-width: 736px) {
  .koushinJyouhou {
    padding: 0.6em 0.8em;
    display: flex; } }
p.packageTitle {
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 5px; }
  @media screen and (max-width: 736px) {
    p.packageTitle {
      font-size: 4vw; } }

/* 価格のテーブル
---------------------------------------------- */
.price_table {
  line-height: 1.5;
  /*font-size: 13px;*/
  /*margin-bottom: 40px;*/ }

.price_table_price {
  text-align: right;
  /*font-size: 13px;*/ }

.price_table_tax01 {
  table-layout: fixed;
  display: table-cell; }

.price_table_tax02 {
  table-layout: fixed;
  display: table-cell; }

.price_table_row_bottom td {
  padding-bottom: 10px;
  border-bottom: 1px solid #000; }

.price_table_row_sum td {
  padding-top: 10px; }

.price_table_row_package td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.price_table_row_package td.price_table_item {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  border-left: 1px solid #000; }

.price_table_row_package td.price_table_price {
  font-weight: bold;
  color: #f00;
  padding-left: 10px; }

.price_table_row_package td.price_table_caution {
  border-right: 1px solid #000; }

.price_table_caution02 {
  padding-bottom: 10px; }

/* 価格のテーブルsmp
	---------------------------------------------- */
@media screen and (max-width: 736px) {
  .price_table {
    display: block;
    /*width: 86.6666%;*/
    margin: 0 auto 3%; }

  .price_table * {
    font-size: 3.6vw; }

  .price_table_row {
    display: block;
    margin-bottom: 10px; }

  .price_table td.price_table_price {
    float: right;
    padding-left: 0; }

  .price_table_item {
    width: 45%;
    float: left; }

  .price_table_price {
    /*width: 52%;*/
    width: 54%;
    float: none;
    background-color: #fff;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    padding-right: 2%; }

  .price_table tbody, .price_table tr, .price_table td {
    display: block; }

  .price_table tbody {
    width: 100%; }

  .price_table_row_bottom td {
    border-bottom: none; }

  .price_table_row_bottom td.price_table_price {
    padding-bottom: 0; }

  .price_table_row_sum {
    display: block;
    width: 100%;
    border-top: 1px solid #000; }

  .price_table_row_sum td.price_table_caution {
    background-color: #fff;
    padding-top: 0; }

  .price_table_caution {
    display: inline-block;
    float: right;
    width: 54%;
    font-size: 11px;
    text-align: right;
    border: none; }

  .price_table_caution02 {
    display: block;
    width: 100%; }

  .price_table_row_package {
    box-sizing: border-box;
    background-color: #f00;
    border: 1px solid #000; }

  .price_table_row_package td.price_table_item {
    color: #fff;
    font-weight: bold;
    padding: 16px 0 0 1%; }

  .price_table_row_sum .price_table_caution {
    border: none;
    padding-top: 0; }

  .price_table_row_package td {
    border: none !important; }

  .price_table_row_package td.price_table_caution {
    background-color: #fff; }

  .price_table_row_package .price_table_price {
    padding-top: 8px; }

  .price_table_row_package .price_table_caution {
    padding-bottom: 8px; } }
/*201809add*/
.grayObi.opObi {
  background: #777;
  color: #fff;
  font-family: "こぶりなゴシック W3 JIS2004";
  font-weight: normal;
  margin-bottom: 30px;
  padding: 10px 0 10px 12px; }

h5.opObi::before {
  display: none; }

@media screen and (max-width: 736px) {
  .grayObi.opObi {
    margin-bottom: 6%; } }



/*201910add*/
.withDR {
	border: 1px solid #aaa;
	padding: 1em;display: flex;
	align-items: center;
}

.withDR .icon {
	padding-right: 20px;

	
}

@media screen and (max-width: 736px) {
	.withDR {
		border: 1px solid #aaa;
		padding: 1em;
		display: block
	}
	
	.withDR .icon {
		padding-right: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.withDR .icon img {
		width: 120px;
	}
}






/*202003add 「純正の強み」の動画部分*/

#anshinplusIntro {
	float: left;
	width: 460px;
}

#anshinplusIntro div.kadomaru {
	border: 1px solid #000;
	border-radius: 4px;
	padding: 17px;
}
#bcMovieWrapper {
	float: right;
	width: 460px;
}


@media only screen and (max-width: 736px) {
	#anshinplusIntro {
		float: none;
		width: 100%;
	}
	
	#anshinplusIntro div.kadomaru {
		border: 1px solid #000;
		border-radius: 4px;
		padding: 2.4%;
		font-size: 12px;
	}
	
	#bcMovieWrapper {
		float: none;
		width: 100%;
		margin-top: 9%;
	}
}