@charset "UTF-8";

/* ------------------------------------------------------------

   ニチコン株式会社 | 家庭用蓄電システム | ユーザーサポート

------------------------------------------------------------ */

html {
  overflow:auto;
  -webkit-print-color-adjust:exact;
}
body {position:relative;min-width:1000px;overflow:hidden}
/* main {font-size:14px;overflow:hidden;overflow-x:hidden} */
main {font-size:14px;}
img {
  vertical-align:top;
}

/* target */
a.target {
  position:relative;
  z-index:-1;
  display:block;
  margin-top:-1px;
  padding-top:1px;
}
@media screen and (max-width:768px) {
  a.target {
    margin-top:-62px;
    padding-top:62px;
  }
}


/*
 common
----------------------------------------*/
/* hide */
[data-hide='true'],
[data-hide='pc'] {
  line-height:2;
  display:block;
  height:0;
  overflow:hidden;
}
[data-hide='sp'] {
  line-height:inherit;
  display:block;
  height:auto;
  overflow:visible;
}

/* Media Queries */
@media screen and (max-width:768px) {
  body {min-width:initial}
  [data-hide='pc'] {
    line-height:inherit;
    display:block;
    height:auto;
    overflow:visible;
  }
  [data-hide='sp'] {
  line-height:2;
  display:block;
  height:0;
  overflow:hidden;
  }
}


/*
 title -[common]-
----------------------------------------*/
/* level1 */
[data-level='1'] {
  font-size:20px;
  font-weight:bold;
  color:#123390;
  line-height:1.35em;
  position:relative;
  height:100%;
  margin-bottom:20px;
  margin-top: 100px;
}
[data-level='1']:before {
  content:'';
  position:absolute;
  top:-.175em;
  left:0;
  width:6px;
  height:100%;
  background:#123390;
  background:-webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(2,22,81,1) 100%);
  background:-moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(2,22,81,1) 100%);
  background:linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(2,22,81,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#021651',GradientType=0 );
}
[data-level='1'] > span {
  display:block;
  padding-left:14px;
}
@media screen and (max-width:768px) {
  [data-level='1'] {
    margin-top: 64px;
  }
  [data-level='1']:before {
    top:0;
  }
}

/* level2 */
[data-level='2'] {
  letter-spacing:-.5em;
  border-radius:6px;
  border:1px solid #b7b8b8;
  margin-bottom:20px;
  background:#dedfdf;
  background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(222,223,223,1) 100%);
  background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,223,223,1) 100%);
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(222,223,223,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedfdf',GradientType=0 );
}
[data-level='2']:before {
  content:'';
  vertical-align:middle;
  display:inline-block;
  width:100%;
  min-height:26px;
  margin-right:-100%;
}
[data-level='2'] > span {
  font-size:12.6px;
  letter-spacing:normal;
  vertical-align:middle;
  display:inline-block;
  padding:0 8px;
}
[data-level='2'] + .description {
  text-align:justify;
  margin-bottom:20px;
}
@media screen and (max-width:768px) {
  [data-level='2'] {
    margin-bottom:10px;
  }
}

/* level3 */
[data-level='3'] {
  font-size:15px;
  font-weight:bold;
  color:#004ea2;
  text-align:left;
  margin-bottom:3px;
}
[data-level='3']:before {
  content:'\0025a0';
  vertical-align:top;
  margin-right:-.3em;
}


/*
 button -[common]-
----------------------------------------*/
/* back */
[data-button='back'] {
  font-size:13px;
  color:#343434;
  line-height:1.5em;
  text-decoration:none;
  text-align:center;
  border-radius:1.5em;
  border:1px solid #b7b8b8;
  display:block;
  width:5em;
  margin:30px auto;
  background:#dedfdf;
  background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(222,223,223,1) 100%);
  background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,223,223,1) 100%);
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(222,223,223,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedfdf',GradientType=0 );
}


/*
 table -[common]-
----------------------------------------*/
[data-table='maintenance'] {
  letter-spacing:-.5em;
  margin:0 0 0 -2%;
  margin-top:10px;
}
[data-table='maintenance'] > table {
  font-size:0.9em;
  letter-spacing:normal;
  text-align:center;
  display:inline-table;
  border-collapse:collapse;
  width:48%;
  margin:0 0 0 2%;
}
[data-table='maintenance'] th {
  vertical-align:middle;
  border:1px solid #666666;
  padding:5px 7px 5px 7px;
  background-color:#dddddd;
}
[data-table='maintenance'] td {
  border:1px solid #666666;
  padding:5px 7px 5px 7px;
}
@media screen and (max-width:768px) {
  [data-table='maintenance'] {
    margin:0;
  }
  [data-table='maintenance'] > table {
    display:table;
    width:100%;
    margin:10px 0 0 0;
  }
  [data-table='maintenance'] > table + table {
    margin-top:10px;
  }
}


/*
 maintenance -[common]-
----------------------------------------*/
.maintenance .image {
  display:block;
  max-width:640px;
  margin:10px auto;
}
.maintenance .description,
.maintenance .definition {
  font-size:13px;
  line-height:1.3;
}
.maintenance .definition + .definition {
  margin-top:20px;
}
@media screen and (max-width:768px) {
}


/*
 section -[maintenance]-
----------------------------------------*/
[data-section='maintenance'] {
  margin:30px auto 60px auto;
}
[data-section='maintenance'] > .inner > * + * {
  margin-top:30px;
}
@media screen and (max-width:768px) {
  [data-section='maintenance'] {
    margin:30px auto;
  }
  [data-section='maintenance'] > .inner {
    padding:0 8px;
  }
}