@charset "UTF-8";
/* CSS Document */

.uk-navbar-nav>li>a {
    color: #333;
}

.uk-navbar-nav>li>a:hover {
    color: #0075BF;
}

.uk-navbar-nav>li.uk-active>a {
    font-weight: 600;
}


@media screen and (max-width:767px){
img#ngklogo {
	max-width: 120px;
}
}

.menuoff {
	opacity: 0.5
}

.menuoff:hover {
	opacity: 1
}

.productmenubox {
	border-bottom: solid 1px #fff;
}

.productmenuboxNolink {
	border-bottom: solid 1px #fff;
}

/*.productmenubox:hover {
	border-bottom: solid 2px #0275C2;
}*/

.pageActive {
	border-bottom: solid 2px #0275C2;
}

body.preload div.svganime {
	opacity: 0 !important;
}

.svganime{
width: 95%;
  height: 100vh;
	margin: auto;
 position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index: 1;
	text-align: center;
}

.svganime02 img  {
	width: 100%;
	max-width: 250px;
}

/*#hammenu.uk-navbar-item, #hammenu.uk-navbar-nav>li>a, #hammenu.uk-navbar-toggle {
	min-height: 70px;
}*/

@media screen and (max-width:767px){
.svganime02 img  {
	max-width: 150px;
}
}



.uk-navbar-container:not(.uk-navbar-transparent) {
background-color: inherit;
}


path {
  fill-opacity: 0;
  transition: fill-opacity 0.5s;
}
.done .cls-1 {
  fill: #0075C2;
  fill-opacity: 1;
}

.done path {
  stroke: none;
}

section#productmenu {
background: -moz-linear-gradient(top, #FDFEFF, #DFEAF0);
  background: -webkit-linear-gradient(top, #FDFEFF, #DFEAF0);
  background: linear-gradient(to bottom, #FDFEFF, #DFEAF0);
	position: relative;
}


div.productmenubox a .uk-marker {
	/*background-color: rgba(151,216,255,0.50);*/
	background: -moz-linear-gradient(top, rgba(223,234,240,0.83), rgba(255,255,255,0.5));
  background: -webkit-linear-gradient(top, rgba(223,234,240,0.83), rgba(255,255,255,0.5));
  background: linear-gradient(to bottom, rgba(223,234,240,0.83), rgba(255,255,255,0.5));
	color: #0474C1;
	 transition: all 500ms 0s cubic-bezier(0.6, -0.28, 0.74, 0.05);
	border-top:solid 1px #fff;
}

div.productmenubox a:hover .uk-marker {
	background:  #0474C1;
	color: #fff;
	opacity: 0.8;
}



div#scrollicon {
	position: absolute;
	bottom: 230px;
  left: 0;
  right: 0;
}


div.bg_mGlass {
		background-image: url("../../images/enercera/menu_kuroko@2x.png") , url("../../images/enercera/bg_mGlass@2x.png");
	background-position: right 20px bottom, center center;
	background-repeat: no-repeat;
	background-size: 10% auto, cover;
}


@media screen and (max-width:1000px){
	div.bg_mGlass {
		background-image:  url("../../images/enercera/bg_mGlass@2x.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:  cover;
}
}



h1#maintitle {
	margin-top: 53%;
}

@media screen and (min-width:768px){
	h1#maintitle {
	margin-top: 20px;
}
}


div.productmenubox p {
	 font-weight: bold;
	line-height: 1.3;
	text-align: center
}

div.productmenubox p small{
	 font-weight: normal;
	font-size: 14px;
		line-height: 1;
}

/*div.contentTitle {
		background-color: #0075C2;
	color: #fff;
	text-align: center;
}*/

div.contentTitle {
		background-color: rgba(255,255,255,0.8);
	color: #fff;
	text-align: center;
}

div.contentTitle h2{
	color: #fff;
	text-align: left;
padding: 0;
	margin: 0;
	font-size: 16px;
	margin-left: 0.3rem;
}

#offcanvas-nav .uk-offcanvas-bar {
	background-color: #fff;
	background: -moz-linear-gradient(top, #FDFEFF, #DFEAF0);
  background: -webkit-linear-gradient(top, #FDFEFF, #DFEAF0);
  background: linear-gradient(to bottom, #FDFEFF, #DFEAF0);
	color: #0275c2;
}

#offcanvas-nav .uk-offcanvas-bar li {
	padding-bottom: 1.5rem;
	border-bottom: dotted 1px #99d6ff;
} 


#offcanvas-nav .uk-offcanvas-bar li p{
	color: #0275c2;
	line-height: 1.3;
	margin-bottom: 0;
}

#offcanvas-nav .uk-offcanvas-bar li p　small{
font-size: 13px;
	line-height: 1.1;
}



div#footerBG {
background-color: #286b98;
	background: -moz-linear-gradient(top, #286b98, #001B2C);
 background: -webkit-linear-gradient(top, #286b98, #001B2C);
  background: linear-gradient(to bottom, #286b98, #001B2C); /**/
	color:#fff;
}


div#footerBG a {
color: #fff;
}

@media screen and (min-width:769px) {
	#footer__linkListBox {
		width: 80%;
	  	font-size: 13px;
	}
}


.enercera_bg {
	background-image: url("../../images/03_bg.png");
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #f1f8ff;
	padding-top: 0;
}


.e_titlepoint {
	    color: #a57210;
    font-size: 1.8rem;
    font-weight: 700;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	background-image: url("../../images/enercera/line_yellow.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: auto 15px ;
	padding-bottom: 20px;
	display: inline-block;
	margin-bottom: 0px;
}

div.heatBox {
	background-color: #fff;
	border: dotted 1px #d6a546;
}

h2#title_heat {
	color: #0064B2;
	background-image: url("../../images/enercera/title_bg_left.png"), url("../../images/enercera/title_bg_right.png");
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: contain;
}


@media screen and (max-width:768px){
	h2#title_heat {
	background: none;
	}
}

div.e_exampleList h2 {
	color: #0275c2;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 3px auto;
	padding-bottom: 5px;
	border-bottom: solid 1px #0275c2;
}

div.e_exampleList .uk-card-default {
	opacity: 0.85;
	box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

div.e_exampleList p {
	font-size: 0.85rem;
}

div.e_exampleList .uk-marker {
    background: #0275c2;
}



#title_IoT {
	font-size: 180%;
	color: #0275c2;
	text-align: center;
	font-weight: 700;
}



body.enercerabody .uk-heading-line>::after, body.enercerabody .uk-heading-line>::before {
    border-bottom: calc(.2px + .05em) solid #0275C2;
}

.colorBlue {
	color: #0275C2;
}



section#enercera_dream {
	background-image: url("../../images/enercera/bg_section02@2x.jpg");
	background-position:  center right;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width:767px){
section#enercera_dream {
	background-image: url("../../images/enercera/bg_section02.jpg");
	background-position:  center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 53%;
}
}



section#specialSiteBox {
	background-image: url("../../images/enercera/bg_specialSite.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;/**/
	background-color: #003355;
	color: #fff;
}

/*@media screen and (max-width:767px){
section#specialSiteBox {
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 53%;
	color: #fff;
}
}
*/

section#specialSiteBox h3 {
	color: #fff;
}

section#specialSiteBox a {
	color: #fff;
	text-decoration: none;
}


h1#titleSpecialSite {
	background-color: rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 100;
	font-size: 22px;
	padding: 0.5rem;
}

.uk-button {
	text-transform: none;
}

	#titleConclusion {
	color: #0275c2;
		font-size: 2.3rem;
	}

@media (min-width: 960px) {
	#titleConclusion {
	color: #0275c2;
	font-size: 2.625rem;
	}
}



	
/* div.e_specialSite {
		border: solid 1px #027DD3;
		background-image: url(../../images/enercera/bg_specialSite.png);
    background-position: bottom 30px right;
    background-size: 50% auto;
    background-repeat: no-repeat;
		background-color: #25659B !important;
}

@media screen and (max-width:767px){
	
	div.e_specialSite {
		border: solid 1px #027DD3;
	background-image: url(../../images/enercera/bg_specialSite.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
		padding-bottom: 55%;

}
} */


	
div.e_specialSite {
	border: solid 1px #ffffff9f;
	background-image:  url(../../images/enercera/bg_specialSite.png),url(../../images/enercera/bg_specialSite_bg.jpg);
background-position: bottom 30px right, bottom right;
background-size: 50% auto, cover;
background-repeat: no-repeat;
	background-color: #0E3955 !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}


div.e_specialSite {
	border: solid 1px #ffffff9f;
	background-image:  url(../../images/enercera/bg_specialSite_2024.png),url(../../images/bg_specialSite_bg_2024.jpg);
background-position: bottom 30px right, bottom right;
background-size: 50% auto, cover;
background-repeat: no-repeat;
	background-color: #000 !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

@media screen and (max-width:767px){

div.e_specialSite {
	/* border: solid 1px #027DD3; */
	border: solid 1px #ffffff9f;
background-image: url(../../images/enercera/bg_specialSite_smp_2024.png),url(../../images/bg_specialSite_bgsmp_2024.jpg);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
	padding-bottom: 69%

}
}


div.e_specialSite:hover {
	filter: brightness(1.2) saturate(125%);
	/* background-color:#000;
	background-image:none; */
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


div#enercera_link_box{
	background-color: #fff;
}

/* div.e_specialSite {
	transition: opacity .6s ease;
}

div.e_specialSite:hover {
	opacity: .8;
} */



#specialSiteBox * {
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}


#specialSiteBox h2 {
	background-color: #fff;
	padding: 0.8rem;
	display: inline-block;
	margin-bottom: 0;
}

#dev_omoi {
	text-shadow: none !important;
}



div#footermenuBOX {
	background-color: #fff;
}

div#footermenuBOX li.uk-active>a {
    font-weight: 600;
}

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

div#footermenuBOX a:hover{
	color: #0075BF;
}


#cookieBox a {
	color: #fff;
}

a.newwin {
    padding: 0 0 0 20px;
    display: inline-block;
    position: relative;
}

a.newwin:before {
    content: ' ';
    margin: auto 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url("../../images/ico_popup_w.svg") no-repeat left top;
    background-size: 100% auto;
}




.btn_special,
button.btn_special {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  /* width: 200px; */
  padding: 16px 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



a.btn-flat,
div.btn-flat
  {
	overflow: hidden;
	color: #fff;
	border-radius: 0;
	background: #013355;
	border: solid 1px #ffffff;
  }
  
  a.btn-flat span,
  div.btn-flat span {
	position: relative;
  }
  
  a.btn-flat:before,
  div.btn-flat:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-80%) translateY(-25px);
	transform: translateX(-80%) translateY(-25px);
	border-radius: 50%;
	background: #207dc6;
  }
  
  a.btn-flat:hover:before,
  div.btn-flat:hover:before {
	width: 400px;
	height: 400px;
	-webkit-transform: translateX(-1%) translateY(-175px);
	transform: translateX(-1%) translateY(-175px);
  }


.uk-grid-small>.uk-grid-margin {
    margin-top: 20px;
}


#specialSiteBox {
.uk-button-primary {
    background-color: #0273c3;
}
}