@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;
}

/* 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
----------------------------------------*/
/* color */
[data-color='42c0dd'] {
  color:#42c0dd!important;
}
[data-color='e3b806'] {
  color:#e3b806!important;
}

/* 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'] > span {
  line-height:2;
  display:block;
  width:100%;
  height:0;
  padding-top:19%;
  overflow:hidden;
  background-image:url(../images/section_sign_ttl.png);
  background-position:center top;
  background-repeat:no-repeat;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  background-size:100% 100%;
}


/*
 button -[common]-
----------------------------------------*/
[data-button='v2h'] a {
  font-size:13px;
  letter-spacing:-.5em;
  border-radius:6px;
  display:block;
  box-shadow:0px 0px 4px 2px rgba(0,0,0,0.15);
}
[data-button='v2h'] a:hover {
  opacity:0.8;
}
[data-button='v2h'] a:before {
  content:'';
  vertical-align:middle;
  display:inline-block;
  width:100%;
  min-height:5em;
  margin-right:-100%;
}
[data-button='v2h'] a > span {
  letter-spacing:normal;
  text-align:center;
  vertical-align:middle;
  display:inline-block;
  width:100%;
}

/* http://carview.yahoo.co.jp */
.LEAFtoHomekatuyou{
  color:#113293!important;
  position:absolute;
  top:106px;
  left:390px;
  width:226px;
  background:#fef930;
  background:-webkit-linear-gradient(top, rgba(252,255,0,1) 0%,rgba(254,249,48,1) 50%,rgba(255,244,91,1) 75%,rgba(252,255,0,1) 100%);
  background:-moz-linear-gradient(top, rgba(252,255,0,1) 0%, rgba(254,249,48,1) 50%, rgba(255,244,91,1) 75%, rgba(252,255,0,1) 100%);
  background:linear-gradient(to bottom, rgba(252,255,0,1) 0%,rgba(254,249,48,1) 50%,rgba(255,244,91,1) 75%,rgba(252,255,0,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcff00', endColorstr='#fcff00',GradientType=0 );
}
.LEAFtoHome {
  color:#ffffff!important;
  position:absolute;
  top:106px;
  left:627px;
  width:150px;
  background:#02803d;
  background:-webkit-linear-gradient(top, rgba(2,128,61,1) 0%,rgba(81,183,108,1) 100%);
  background:-moz-linear-gradient(top, rgba(2,128,61,1) 0%, rgba(81,183,108,1) 100%);
  background:linear-gradient(to bottom, rgba(2,128,61,1) 0%,rgba(81,183,108,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#02803d', endColorstr='#51b76c',GradientType=0 );
}
@media screen and (max-width:768px) {
  [data-button='v2h'] {
    letter-spacing:-.5em;
    margin-left:-2%;
    margin-bottom:20px;
    padding:0 8px;
  }
  [data-button='v2h'] > li {
    vertical-align:top;
    display:inline-block;
    width:48%;
    margin-left:2%;
  }
  [data-button='v2h'] a {
    font-size:10px;
    position:static!important;
    width:100%!important;
  }
}


/*
 animation -[common]-
----------------------------------------*/
[data-animation='energy'] {
  position:relative;
  height:100%;
  padding-left:388px;
}
[data-animation='energy'] .energy {
  position:absolute;
  top:164px;
  left:620px;
  z-index:-1;
  width:146px;
  overflow:hidden;
}
[data-animation='energy'] .energy > div {
  width:146px;
  padding:2px 0;
  background:#a8e2ee;
  background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(168,226,238,1) 50%,rgba(255,255,255,0) 100%);
  background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(168,226,238,1) 50%, rgba(255,255,255,0) 100%);
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(168,226,238,1) 50%,rgba(255,255,255,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
}
[data-animation='energy'] .energy_top > span,
[data-animation='energy'] .energy_bottom > span {
  display:block;
  white-space: nowrap;
  animation-duration:10s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
[data-animation='energy'] .energy_top > span {
  animation-name:marquee_left;
  margin-right:-100%;
}
[data-animation='energy'] .energy_bottom > span {
  animation-name:marquee_right;
  margin-left:-100%;
}
[data-animation='energy'] .energy_top > span:before,
[data-animation='energy'] .energy_bottom > span:before {
  font-size:1px;
  text-align:justify;
  color:#71cee3;
  content:'■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ';
}
[data-animation='energy'] .energy_top > span:before {
  margin-right:-100%;
}
[data-animation='energy'] .energy_bottom > span:before {
  margin-left:-100%;
}
@keyframes marquee_left {
    from    { transform: translate(0%); } 
    100%,to { transform: translate(-100%); }
}
@keyframes marquee_right {
    from    { transform: translate(0%); } 
    100%,to { transform: translate(100%); }
}
@media screen and (max-width:768px) {
  [data-animation='energy'] {
    padding:0;
  }
  [data-animation='energy'] .energy {
    top:42%;
    left:36%;
  }
}


/*
 v2h -[common]-
----------------------------------------*/
.v2h  {
  position:relative;
  height:100%;
}
/* definition */
.v2h .definition {
  counter-reset:note;
  position:absolute;
  top:245px;
  left:40px;
}
.v2h .definition .def_term {
  font-size:22px;
  color:#113293;
  letter-spacing:-.02em;
  margin-bottom:5px;
}
.v2h .definition .def_description {
  font-size:11px;
  position:relative;
  height:100%;
  padding-left:2em;
}
.v2h .definition .def_description:before {
  content:'※' counter(note);
  counter-increment:note;
  position:absolute;
  top:0;
  left:0;
}
@media screen and (max-width:768px) {
  .v2h .definition {
    line-height:1.5;
    position:static;
    padding:0 8px;
  }
  .v2h .definition .def_term {
    font-size:15px;
  }
}

/* button */
.v2h .button {
  position:absolute;
  z-index:1;
  display:block;
  overflow:hidden;
}
.v2h .button._01 {
  top:-52px;
  left:34px;
  border-radius:156px;
  width:156px;
  height:156px;
}
.v2h .button._02 {
  top:-52px;
  left:190px;
  border-radius:156px;
  width:156px;
  height:156px;
}
.v2h .button._03 {
  top:72px;
  left:112px;
  border-radius:156px;
  width:156px;
  height:156px;
}
.v2h .button._04 {
  top:72px;
  left:268px;
  border-radius:156px;
  width:156px;
  height:156px;
}
.v2h .button._05 {
  top:324px;
  left:670px;
  width:320px;
}
.v2h .button._06 {
  top:325px;
  left:40px;
  width:424px;
}
@media screen and (max-width:768px) {
  .v2h .button_list {
    letter-spacing:-.5em;
    margin-bottom:20px;
    padding:0 40px;
  }
  .v2h .button_list > li {
    letter-spacing:normal;
    display:inline-block;
    width:50%;
  }
  .v2h .button {
    position:static;
    border-radius:0!important;
    width:100%!important;
    height:100%!important;
  }
  .v2h .button + .button {
    margin-top:10px;
  }
  .v2h .button._05,
  .v2h .button._06 {
    display:block;
    padding:0 8px;
  }
}


/*
 section -[sign]-
----------------------------------------*/
[data-section='sign'] {
  position:relative;
  height:100%;
  padding-top:10px;
}
[data-section='sign']:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  margin:0 -500%;
  padding:0 500%;
  background-image:url(../images/section_sign_bg.gif);
  background-position:center center;
  background-repeat:repeat;
  -webkit-background-size:100px 100px;
  -moz-background-size:100px 100px;
  background-size:100px 100px; 
}
[data-section='sign']:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  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'] {
    padding:10px 0;
  }
}

/* campaign -[流用]- */
#campaign a {
  font-size:14px;
  font-weight:bold;
  color:#ff0000!important;
  text-align:center;
  position:absolute;
  left:786px;
  top:105px;
  width:214px;
}
@media screen and (max-width:768px) {
  #campaign a {
    position:static;
    display:block;
    width:100%;
    margin-bottom:20px;
  }
}