@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}
img {vertical-align:top}
@media screen and (max-width:768px) {
  body {min-width:initial}
}

/* 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
----------------------------------------*/
/* width */
[data-max-width='768'] {
  max-width:768px;
  margin-right:auto;
  margin-left:auto;
}

/* 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 screen and (max-width:768px) {
  [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:24px;
  font-weight:bold;
  color:#666666;
  position:relative;
  display:inline-table;
  width:100%;
  min-height:80px;
  padding:16px 8px;
  background-color:#f8f9f7;
  background-image:url(../images/section_sign_bg.png);
  background-position:right center;
  background-repeat:no-repeat;
  -webkit-background-size:auto 100%;
  -moz-background-size:auto 100%;
  background-size:auto 100%;
}
[data-level='1']:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  margin:0 -500%;
  padding:0 500%;
  background-color:#f8f9f7;
}
[data-section='sign']:after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
  display:block;
  width:100%;
  height:1px;
  margin:0 -500%;
  padding:0 500%;
  border-bottom:1px solid #e4e4e4;
  background-color:#d8d8d8;
}
[data-level='1'] > span {
  vertical-align:middle;
  display:table-cell;
}
@media screen and (max-width:768px) {
  [data-level='1'] {
    text-align:center;
    display:block;
    background-image:none;
    overflow:hidden;
  }
  [data-level='1']:before {
    content:'';
    position:static;
    display:block;
    width:255px;
    height:40px;
    margin:-16px auto -8px auto;
    padding:0;
    background-image:url(../images/section_sign_bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:auto 100%;
    -moz-background-size:auto 100%;
    background-size:auto 100%;
  }
  [data-level='1'] > span {
    display:block;
  }
}

/* level2 */
[data-level='2'] {
  font-size:24px;
  font-weight:bold;
  color:#ffffff;
  line-height:1.1;
  border-radius:3px;
  border:1px solid #39a7bf;
  margin-bottom:16px;
  padding:16px;
  background-color:#41beda;
}
[data-level='2'] > span {
  position:relative;
  display:block;
  height:100%;
  padding-left:16px;
}
[data-level='2'] > span:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:4px;
  height:100%;
  background-color:#ffffff;
}
[data-level='2'] .small {
  font-size:70%;
}
[data-level='2'] + .description {
  margin-bottom:16px;
}


/*
 item -[common]-
----------------------------------------*/
/* summary */
[data-item='summary'] {
  line-height:1.5;
  border:1px solid #cccccc;
}
[data-item='summary'] img {
  display:block;
  width:50%;
  margin:5px 0;
}
[data-item='summary'] .strong {
  font-weight:bold;
}
[data-item='summary'] > li + li {
  border-top:1px solid #cccccc;
}
[data-item='summary'] .definition {
  letter-spacing:-.5em;
  display:table;
  width:100%;
}
[data-item='summary'] .def_term,
[data-item='summary'] .def_description {
  letter-spacing:normal;
  vertical-align:top;
  display:table-cell;
  padding:8px;
}
[data-item='summary'] .def_term {
  border-right:1px solid #cccccc;
  width:29.45%;
  background-color:#f8f9f7;
}
[data-item='summary'] .def_description {
  word-wrap:break-word;
  text-align:justify;
  width:70.55%;
}
[data-item='summary'] .definition > .def_term {
  font-weight:bold;
}
@media screen and (max-width:768px) {
  [data-item='summary'] {
    border:none;
  }
  [data-item='summary'] img {
    width:100%;
    max-width:414px;
    margin:8px auto;
  }
  [data-item='summary'] > li {
    border:1px solid #cccccc;
  }
  [data-item='summary'] > li + li {
    margin-top:8px;
  }
  [data-item='summary'] .definition {
    display:block;
  }
  [data-item='summary'] .def_term,
  [data-item='summary'] .def_description {
    display:block;
  }
  [data-item='summary'] .def_term {
    text-align:center;
    border:none;
    border-bottom:1px solid #cccccc;
    width:100%;
  }
  [data-item='summary'] .def_description {
    width:100%;
  }
}

/* information */
[data-item='information'] {
  counter-reset:information;
}
[data-item='information'] > li + li {
  margin-top:16px;
}
[data-item='information'] .def_term {
  font-weight:bold;
}
[data-item='information'] .def_term > span:before {
  content:counter(information) '.\0020';
  counter-increment:information;
}


/*
 definition -[common]-
----------------------------------------*/
[data-definition='guarantee'] {
  border:2px solid #41beda;
  background-color:#ebebeb;
  padding:24px 16px;
}
[data-definition='guarantee'] .def_term {
  font-weight:bold;
  color:#44bfda;
  text-align:center;
  margin-bottom:8px;
}
@media screen and (max-width:768px) {
  [data-definition='guarantee'] {
    padding:16px 8px;
  }
}


/*
 main -[common]-
----------------------------------------*/
main[id="service"] {
  color:#333333;
  line-height:1.5;
  margin-bottom:30px;
}
main .description {
  text-align:justify;
}


/*
 goto -[common]-
----------------------------------------*/
.goto {
  font-size:12px;
  text-align:right;
  margin-top:10px;
}
.goto a:after {
  content:'';
  vertical-align:top;
  display:inline-block;
  width:1.5em;
  height:1.5em;
  background-image:url(../images/section_goto_icon.png);
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size:80% 80%;
  -moz-background-size:80% 80%;
  background-size:80% 80%;
}


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


/*
 section -[sign]-
----------------------------------------*/
[data-section='sign'] {
  position:relative;
  height:100%;
  margin-bottom:40px;
  padding:0;
}
[data-section='sign']:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:block;
  width:100%;
  height:1px;
  margin:0 -500%;
  padding:0 500%;
  border-top:1px solid #e4e4e4;
  background-color:#d8d8d8;
}
@media screen and (max-width:768px) {
  [data-section='sign'] {
    margin-bottom:20px;
  }
}