@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);



/*CSSDocument*/


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

*{
 margin:0px;
 padding:0px;
}

body{
color:#333333;
margin:0;
padding:0;
/* background:url(../images/blue_back.gif) repeat top left;
 */
font-family: 'Noto Sans JP','游ゴシック体', 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
text-align:center;
font-size:14px;
line-height:20px;
-webkit-text-size-adjust: 100%;
font-feature-setting : "palt";
min-width: 320px;
}

body.cn{
font-family: 'Noto Sans SC','游ゴシック体', 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;

}

a:link{
 color:#004ea2;
text-decoration:none;
}
a:visited{
 color:#004ea2;
text-decoration:none;
}
a:hover{
 color:#004ea2;
text-decoration:underline;
}
a:active{
 color:#1aa1e5;
text-decoration:none;
}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


.link_arrow{
 /* background:url(../images/link_arrow.gif) no-repeat left 4px; */
 padding-left:15px;
}
.link_arrow_gr{
 /* background:url(../images/link_arrow_gr.gif) no-repeat left 4px; */
 padding-left:15px;
}

/*
a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.60;
opacity:0.60;
}
*/



.sp{
	display:none;
	}

.pc{
	display:block;
	}

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

img{
	max-width:100%;
	height:auto;
	}

.sp{
	display:block;
	}

.pc{
	display:none;
	}


}


/*
html ----------------------------------------------------------*/




/* body base
===============================================================*/


#container{
 width:100%;
 /*min-width:990px;*/
 /* background:url(../images/header_back.gif) repeat-x top left;
 */ text-align:center;
  }
#wrapper{
 max-width:990px;
 width:100%;
 margin:0 auto;
text-align:left;
 background:#fff;
 }

#contents_left{
 max-width:750px;
 width:100%;
 float:left;
 display:inline;
 padding-bottom:40px;
 margin-right:20px;
 z-index:2;
}

#contents_left.lvl2{
 max-width:850px;
 width:100%;
 float:none;
 display:block;
 margin:0 auto 5%;
 z-index:2;
}

#contents_right{
 max-width:220px;
 width:100%;
 float:left;
 display:inline;
  padding-bottom:40px;
 position:relative;
 z-index:1;
 }



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


#container{
 width:100%;
 min-width:100%;
 /* background:url(../images/header_back.gif) repeat-x top left;
 */ text-align:center;
  }

#wrapper{
padding:0 3%;
box-sizing:border-box;
}


#contents_left{
 display:block;
 padding-bottom:40px;
 margin-right:0;
 z-index:2;
}
#contents_right{
 width:100%;
 float:none;
 display:block;
  padding-bottom:40px;
 position:relative;
 z-index:1;
 clear:both;
 max-width:100%;
 }


}






/* header
===============================================================*/

#header_line{
 background:#004ea2;
 padding:3px;
 }
#header_line h1{
 font-size:10px;
 line-height:11px;
 color:#fff;
 font-weight:normal;
 margin:0 auto;
 width:990px;
 text-align:left;
 }

#header{
 max-width:990px;
 width:100%;
 margin:0 auto;
 padding-top:9px;
 padding-bottom:6px;
 text-align:left;
 display:flex;
}

.header_l{
 width:196px;
 display:inline;
 margin-bottom:6px;
}
.header_c{
 width:509px;
 margin-right:19px;
 text-align:right;
 padding-top:12px;
 overflow:hidden;
 display:flex;
 align-items:flex-end;
 justify-content: flex-end;
}

.header_c ul{
width:100%;
 display:flex;
 margin-bottom: 2%;
 justify-content: flex-end;
}
.header_c ul li{
margin:0 0 0 1%;
 text-align:right;
 width:8em;
}

.header_c ul li a{
color: #333;
}


.header_c ul li a span.global{
/* background:url(../images/ico-global.svg) no-repeat left 50% / 1.5em; */
padding:.2em 0 .2em 0;
margin-right:1%;
}
.header_c ul li a span.faq{
/* background:url(../images/ico-faq.svg) no-repeat left 50% / 1.1em; */
padding:.2em 0 .2em 0;
margin-left:2%;
}
.header_r{
 width:235px;
 float:left;
 display:inline;
 background:url(https://www.ensky.co.jp/common/images/h_search.gif) no-repeat top left;
 height:38px;
 padding:25px 15px 0 15px;
}



.n_sns_detail{
 clear:both;
}
.n_sns_detail li{
 float:right;
 display:inline;
}


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

#header{
padding:2% 3%;
display:flex;
box-sizing:border-box;
justify-content: space-between;
align-items:center;
height:80px;
}
#header_line h1{
 width:100%;
 }

.header_l{
width:40%;
}
.header_c{
  width:40%;
  padding:0;
  margin: 0;
}
.header_r{
display:none;
}

  .header_c li:last-child{
    display: none;
  }

.header_c ul li{
margin:0 0 0 8%;
 text-align:right;
 width:auto;
 white-space: nowrap;
}

.open .header_r{
 width:90%;
 box-sizing:border-box;
 float:none;
display:block;
margin:5% auto 5%;
background:#ececec;
border:1px solid #d5d5d5;
border-radius:5px;
 height:auto;
 padding:10px;
}

.open .header_r #search_content{
display:flex;
align-items:center;
justify-content:center;
}

.open .header_r #search_content input#keywords{
width:80%;
padding:5px;
 box-sizing:border-box;
 font-size:18px;
 margin:0;
 height:36px;

}
.open .header_r #search_content input[type="submit"] {
    background: #004ea2;
    border: 1px solid #004ea2;
    color: #fff;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
width:20%;
 box-sizing:border-box;
 font-size:18px;
 font-family: 'Noto Sans CJK JP','游ゴシック体', 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
 margin:0;
 height:36px;
}

#nav-toggle {
  position: relative;
  width: 40px;
  height:30px;
  display:block;
}


#nav-toggle span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #004ea2;
  position: absolute;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
  z-index: 1000;
}
#third #nav-toggle span {
 background: #fff;
}


#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 10px;
}
#nav-toggle span:nth-child(3) {
  top: 20px;
}




.open #nav-toggle span {
  background: #004ea2;
}
.open #nav-toggle span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}




.open nav#global {
  background: #fff;
  color: #fff;
 width: 100vw;
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  text-align: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 font-size: 123%;
  visibility: visible;
  opacity: 1;
  transition: opacity .6s ease, visibility .6s ease;
 box-sizing: border-box;
 overflow: auto;
 border-top:1px solid #c8c8c8;
 margin-top: 0;
 padding-top: 0;
}

 nav#global ul{
 display:block;
 width: 100%;
 float: none;
  text-align: left;
  box-sizing: border-box;
  margin: 0;
}

 .open nav#global li{
  display:block;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
 border-bottom:1px solid #c8c8c8;
 }

 nav#global li a{
 display: block;
 text-align: left;
 padding: 0;
 padding: 15px 5%;
  box-sizing: border-box;
}


  .open nav#global li a span{
   border:none;
 }

#content nav#global li a::after{
 display: none !important;
}
#content nav#global li a:hover::after {
  transform: scale(0, 0);
}


.open nav#global li a.is-current{


}




}






/* menu
===============================================================*/

#menu{
 clear:both;
 /* background:url(../images/menu_back.gif) repeat-x bottom left; */
 width:100%;
 border-top:1px solid #00a0e9;
}
#menu li{
 width:calc(100% / 5);
 font-size:123%;
 border-left:1px solid #00a0e9;
 box-sizing: border-box;
}
#menu ul{
 width:990px;
 margin:0 auto;
 display:flex;
 align-items:center;
 border-right:1px solid #00a0e9;
 box-sizing: border-box;
}


#menu li a{
font-weight:500;
width:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 height:45px;
color: #333;
transition: all ease-in .2s;
line-height:1.3;
}
#menu li a:hover{
background: #00a0e9;
text-decoration:none;
color:#fff;
}

#menu li a span{
padding-left:0;
  text-align: center;
}

/*
#menu li a.menu1 span{
background: url('../images/ico-home.svg') no-repeat left 50% / 1.5em;
}
#menu li a.menu2 span{
background: url('../images/ico-product.svg') no-repeat left 50% / 1.6em;
}
#menu li a.menu3 span{
background: url('../images/ico-chara.svg') no-repeat left 50% / 1.7em;
}
#menu li a.menu4 span{
background: url('../images/ico-support.svg') no-repeat left 50% / 1.4em;
padding-left:2em;
}
#menu li a.menu5 span{
background: url('../images/ico-folder.svg') no-repeat left 50% / 1.45em;
}


#menu li a:hover.menu1 span{
background: url('../images/ico-home-on.svg') no-repeat left 50% / 1.5em;
}
#menu li a:hover.menu2 span{
background: url('../images/ico-product-on.svg') no-repeat left 50% / 1.6em;
}
#menu li a:hover.menu3 span{
background: url('../images/ico-chara-on.svg') no-repeat left 50% / 1.7em;
}
#menu li a:hover.menu4 span{
background: url('../images/ico-support-on.svg') no-repeat left 50% / 1.4em;
padding-left:2em;
}
#menu li a:hover.menu5 span{
background: url('../images/ico-folder-on.svg') no-repeat left 50% / 1.45em;
}
*/
#menu li a span em{
font-style:normal;
font-size:72%;
color:#666;
display:block;
text-align:center;
padding-left:.2em;
}
#menu li a:hover span em{
color: #fff;
}


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

#menu{
display:none;
}

.open #menu{
 background: #f4f4f4;
 color: #fff;
 position:absolute;
 width: 100vw;
 top: 100px;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 99999;
 text-align: center;
 display: block;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 font-size: 123%;
 visibility: visible;
 opacity: 1;
 box-sizing: border-box;
 overflow: auto;
 border-top:1px solid #c8c8c8;
 margin-top: 0;
 padding-top: 0;
}

.open #menu li{
float:none;
display:block;
width:100%;
}
#menu ul{
 width:100%;
 margin:0 auto;
 display:block;
}

#menu ul li a img{
display:none;
}

#menu ul li a{
border-bottom: solid #00a0e9 1px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 76%, rgba(224,244,253,1) 97%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 76%,rgba(224,244,253,1) 97%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 76%,rgba(224,244,253,1) 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f4fd',GradientType=0 );
display:block;
padding:1em;
font-size:18px;
font-weight:bold;
color:#000;
text-align:left;
box-sizing: border-box;
 height: auto;

}

#menu ul li a span{
display:block;
}




}





/* footer
===============================================================*/


#banner_method{
 margin:0 auto 20px auto;
 text-align:left;
}

#gototop{
 float:right;
 margin-top:-19px;
 width:142px;
 position:relative;
}

#footer{
 clear:both;
 width:100%;
}
#footer_contents{
 background:#f4f4f4;
 border:solid #36b3eb;
 border-width:1px 0 1px 0;
 padding:18px 0 15px 0;
}

#footer_method{
 max-width:990px;
 width:100%;
 margin:0 auto;
 text-align:left;
}

.footer_line{
 background:url(images/footer_line.gif) repeat-y left top;
 padding:3px 0 3px 0;
 padding-left:20px;
 font-size:12px;
 line-height:22px;
 }
.footer_line a{
 color:#000;
 text-decoration:none;
 }
.footer_line a:hover{
 color:#000;
 text-decoration:underline;
 }
.footer_line a:visited{
 color:#000;
 text-decoration:none;
 }


.chara_copy{
 color:#999;
 clear:both;
 width:990px;
 margin:0 auto;
 padding:10px 0 10px 0;
 font-size:10px;
 line-height:14px;
 text-align:left;
}

#copyright{
 background:#00a1e9;
 padding:2px;
}
#copyright p{
 max-width:990px;
 width:100%;
 margin:0 auto;
 text-align:right;
 color:#fff;
 font-size:12px;
 font-family:Helvetica, Arial, sans-serif
 }




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

#banner_method{
display:none;
}


#footer_contents{
 padding:5%
}
#footer_method{
display:flex;
flex-wrap:wrap;
}

#gototop{
width:100%;
text-align:right;
}


#footer_method div.w156{
width:100% !important;
}


.footer_line{
box-sizing:border-box;
width:46% !important;
 background:none;
 padding:3px 0 3px 0;
 border-top:1px solid #919191;
 margin:0 2%;
 }

 #copyright p{
 text-align:center;
 }


}

.submitbtn {
  margin: 10px;
  padding: 2px 10px;
  border-radius: 5px;
}

button {
  line-height: 20px;
  font-size: 13px;
  font-family: 'Noto Sans JP','游ゴシック体', 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}