@charset "utf-8";
/* CSS Document */
body {
  max-width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #505050;
}
a {
  text-decoration: none;
}
body img {
  max-width: 100%;
}
#page {
  background: #fff;
}
.wrap {
  background: #fff;
}

@media (min-width: 769px) {
  #page {
    min-width: 990px;
  }
}

.is-pc {
  display: block;
}

.is-sp {
  display: none;
}

@media (max-width: 768px) {
  .is-sp {
    display: block;
  }
  .is-pc {
    display: none;
  }
}



/*
#header
=================== */
 #header {
  width: 990px;
  margin: 0 auto 15px;
  bg
}

 #header .headerTop .logo {
  float: left;
  padding: 26px 0 0 0;
}

 #header .headerTop .contact {
  padding: 23px 0 0 0;
}

 #header .headerTop .contact a:hover {
  opacity: 0.8;
 }

#header .spmenu {
  padding: 5.937% 3.125% 0 0;
}

#header .spmenu a {
  float: right;
  display: block;
  width: 9.84%;
  background: url("/wp-content/uploads/image_file/service/nps/common/imgs/ico_menu_default.png") no-repeat ;
  background-size: 100%;
  cursor: pointer;
}

 #header .headerTop .date {
  float: right;
  background: url("/wp-content/uploads/image_file/service/nps/common/imgs/ico_tel.png") no-repeat left center;
  margin-right: 26px;
  padding: 5px 0 0 42px;
  font-size: 17px;
  line-height: 1.0;
}

 #header .headerTop .date span {
  padding-left: 8px;
  font-size: 10px;
}

 #header .headerTop .contact a {
  float: right;
  display: block;
  padding: 13px 35px 13px 60px;
  color: #fff;
  font-size: 13px;
  background: #424242 url("/wp-content/uploads/image_file/service/nps/common/imgs/ico_mail.png") no-repeat 16px center;
}

@media (max-width: 768px) {
  #header {
    height: auto;
    width: auto;
    max-width: 768px;
    margin-bottom: 3.125%;
  }
  #header .headerTop .logo {
    padding: 2.65% 0 0 3.125%;
    width: 48.28%;
    box-sizing: content-box;
  }
}

/*
#navi
=================== */
 #gnavi {
  border-bottom: 2px solid #0d6d9d;
  border-top: 1px solid #e6e6e6;
}

 #gnavi .list {
  width: 990px;
  margin: 0 auto;
  font-size: 0;
}

 #gnavi .list li {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

 #gnavi .list li span {
  display: block;
  border-left: 1px solid #cccccc;
  padding: 0 15.5px;
 }
 #gnavi .list li:last-child span {
  display: block;
  border-right: 1px solid #cccccc;
 }
 
 #gnavi .list li a {
  color: #666666;
  display: block;
  padding: 8px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
 }

 #gnavi .list li a:hover {
  border-bottom: 4px solid #FFCC33;
  padding: 8px 0 4px;
 }

.gnavi-sp {
  display: none;
}

@media (max-width: 768px) {
   #gnavi {
    position: relative;
    border-bottom: none;
    border-top: 2px solid #cccccc;
  }
  .gnavi-sp {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #999999;
    border-bottom: 2px solid #cacaca;
    z-index: 100;
  }

  .gnavi-sp li {
    height: auto;
    width: 100%;
    border-bottom: 1px solid #cacaca;
  }

  .gnavi-sp li a {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
    padding: 3.43% 0 2.65% 4.68%;
    font-size: 87.5%;
  }
}

/*
#topicPath
=================== */
#topicPath {
  background-color: #f0f0f0;
}

#topicPath ul {
  margin: 0 auto 0;
  width: 988px;
  padding: 5px 0;
}

#topicPath ul li {
  display: inline-block;
  font-size: 75%;
}

#topicPath ul li a {
  margin-right: 0;
  padding-right: 15px;
  display: inline-block;
  color: #2d2d2d;
  background: url("/wp-content/uploads/image_file/service/nps/common/imgs/icon_topic-path.png") right 4px no-repeat;
  text-decoration: none;
}

#topicPath ul li a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  #topicPath ul {
    padding: 1% 3.13%;
    text-align: center;
    width: auto;
  }
}

/* [SP / PC] --------------------------------------------------------------
/* FONT : FOOTER
------------------------------------------------------------------------ */
#footer .snsArea {
  display: none;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : FOOTER
------------------------------------------------------------------------ */
@media (max-width: 768px) {
  #footer {
    margin-top: 10%;
  }
  #footer #pagetop {
    top: -20.9375% !important; 
  }
}

/* [PC] -------------------------------------------------------------------
/* LAYOUT : FOOTER
------------------------------------------------------------------------ */