@charset "UTF-8";
/* CSS Document */
.header-wrap {
  width: 100%;
  padding-bottom: 10px; }

.header-wrap2 {
  width: 100%; }

@media screen and (max-width: 768px) {
  .header-wrap2 {
    display: none; } }
.inner {
  width: 1100px;
  margin: 0 auto; }

.inner:after {
  content: "";
  clear: both;
  display: block; }

@media screen and (max-width: 979px) {
  .inner {
    width: 100%;
    margin: 0 auto; } }
/* logoのhover */
a.logohover:hover {
  display: block;
  opacity: 0.6;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

/* header */
#top-head {
  font-size: 14px;
  position: relative;
  width: 100%;
  margin: auto 0;
  padding: 15px 0 15px;
  line-height: 1;
  z-index: 100; }

#top-head a,
#top-head {
  color: #333;
  text-decoration: none; }

#top-head .inner {
  position: relative; }

#top-head .logo {
  max-width: 350px;
  margin: 0 auto;
  padding: 0;
  font-size: 36px;
  text-align: center; }
  #top-head .logo img {
    width: 100%;
    margin-top: 0px; }

/*---------------------
ヘッダー　ロゴ、お問い合わせBOX 
----------------------*/
.header-left {
  width: 20%;
  float: left; }
  .header-left p {
    display: block;
    width: 100%; }

.header-center {
  width: 60%;
  float: left; }

.header-right {
  width: 20%;
  float: right; }

/*---------------------
ENGLISH
----------------------*/
.en {
  width: 60%;
  float: left; }
  .en p {
    font-size: 1em; }
    .en p a {
      display: block;
      padding: 40px 0 0;
      text-decoration: underline !important; }
    .en p a:hover {
      opacity: 0.6;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      text-decoration: none !important; }

/*---------------------
SNS
----------------------*/
.header-sns {
  width: 40%;
  float: right; }
  .header-sns ul {
    padding: 30px 0; }
    .header-sns ul li {
      display: block;
      width: 44%;
      float: left;
      padding: 3%;
      text-align: center; }
      .header-sns ul li img {
        display: block;
        width: 100%;
        max-width: 30px; }
      .header-sns ul li img:hover {
        display: block;
        opacity: 0.6;
        -webkit-transition: 0.5s;
        transition: 0.5s; }

nav#global-nav {
  clear: both; }

#global-nav ul {
  list-style: none;
  font-size: 13px;
  font-weight: 600; }
  #global-nav ul li {
    float: left;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0.001deg); }

/* --------------------------------------
メニュー幅　個別設定 pc
-------------------------------------- */
#global-nav ul li.n-home {
  width: 12%; }
#global-nav ul li.n-policy {
  width: 10%; }
#global-nav ul li.n-service {
  width: 16%; }
#global-nav ul li.n-paisystem {
  width: 17%; }
#global-nav ul li.n-qa {
  width: 12%; }
#global-nav ul li.n-review {
  width: 11%; }
#global-nav ul li.n-company {
  width: 10%; }
#global-nav ul li.n-contact {
  width: 12%; }

#global-nav ul li a {
  display: block;
  padding: 6px 8px;
  line-height: 1.2;
  text-align: center; }

#global-nav ul li a:hover {
  color: #739c06; }

#global-nav ul li a span {
  font-size: 11px;
  font-weight: normal;
  color: #a0d414;
  font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  letter-spacing: 0.05em; }

/* Btn Hover */
#global-nav ul li:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  bottom: -15px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

#global-nav ul li:hover:after {
  background: #a0d414;
  bottom: -15px; }

@media screen and (max-width: 979px) {
  .header-wrap,
  .header-wrap .inner {
    position: relative; }

  .header-left {
    width: 15%; }

  .header-center {
    width: 70%; }

  .header-right {
    width: 15%; }

  /*---------------------
  ENGLISH
  ----------------------*/
  .en {
    width: 100%;
    float: none; }
    .en p {
      font-size: 1em;
      text-align: center; }
      .en p a {
        display: block;
        padding: 10px; }

  /*---------------------
  SNS
  ----------------------*/
  .header-sns {
    width: 100%;
    float: none; }
    .header-sns ul {
      padding: 0 10px; }
      .header-sns ul li {
        width: 50%;
        display: block;
        float: left;
        text-align: center; }
        .header-sns ul li img {
          display: block;
          width: 35px;
          margin: 0 auto; }

  /*---------------------
  タブレット時メニュー
  ----------------------*/
  #global-nav ul {
    margin-bottom: 0;
    border-top: 1px solid #f0f0f0; }
    #global-nav ul li {
      border-right: 1px solid #f0f0f0; }
    #global-nav ul li:nth-child(1) {
      border-left: none; }
    #global-nav ul li:nth-child(1),
    #global-nav ul li:nth-child(2),
    #global-nav ul li:nth-child(3),
    #global-nav ul li:nth-child(4) {
      border-bottom: 1px solid #f0f0f0; }
    #global-nav ul li:nth-child(4),
    #global-nav ul li:nth-child(8) {
      border-right: none; }
    #global-nav ul li:nth-child(9) {
      border-right: none; }
    #global-nav ul li a {
      padding: 15px 0; }
    #global-nav ul li.n-home {
      width: 25%; }
    #global-nav ul li.n-policy {
      width: 25%; }
    #global-nav ul li.n-service {
      width: 25%; }
    #global-nav ul li.n-paisystem {
      width: 25%; }
    #global-nav ul li.n-qa {
      width: 25%; }
    #global-nav ul li.n-review {
      width: 25%; }
    #global-nav ul li.n-company {
      width: 25%; }
    #global-nav ul li.n-contact {
      width: 25%; }

  /* Btn Hover */
  #global-nav ul li:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    bottom: 0px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; }

  #global-nav ul li:hover:after {
    background: #a0d414;
    bottom: 0px; } }
/* --------------------------------------
Fixed スクロール時の吸着メニュー
-------------------------------------- */
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  padding-top: 6px;
  background: #fff;
  background: white;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease; }

#top-head.fixed .logo {
  font-size: 24px;
  color: #333; }

#top-head.fixed .logo {
  display: block;
  max-width: 220px;
  min-width: 160px;
  min-height: 51px;
  background: url(../img/id/logo.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center 10px;
  text-indent: -9999px; }

#top-head.fixed #global-nav ul {
  bottom: 15px; }

#top-head.fixed #global-nav ul li a {
  color: #333; }

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
  bottom: -15px; }

#top-head.fixed #global-nav ul li:hover:after {
  background: #a0d414;
  bottom: -15px; }

#top-head.fixed .header-wrap {
  padding-bottom: 3px; }

#top-head.fixed .header-tel img,
#top-head.fixed .header-contact img {
  width: 90%; }

/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
*/
@media screen and (max-width: 979px) {
  #top-head {
    padding-bottom: 0; } }
/* --------------------------------------
スマホ　メニュー部分
-------------------------------------- */
.smp-header {
  padding: 20px 0 0px; }
  .smp-header .smp-logo {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0; }
    .smp-header .smp-logo a {
      display: block;
      width: 70%;
      margin: 0 auto; }
    .smp-header .smp-logo img {
      max-width: 240px;
      margin: 0 auto; }
  .smp-header .smp-contact {
    padding-top: 20px; }
    .smp-header .smp-contact ul {
      width: 98%;
      margin: 0 auto; }
      .smp-header .smp-contact ul li:first-child {
        border-right: 1px solid #f0f0f0; }
      .smp-header .smp-contact ul li {
        display: block;
        width: 50%;
        float: left;
        text-align: center;
        margin: 0 auto; }
        .smp-header .smp-contact ul li img {
          width: 85%;
          max-width: 230px; }
    .smp-header .smp-contact .smp-mailmagazine {
      width: 100%;
      text-align: center;
      margin: 0 auto;
      margin-top: 10px; }
      .smp-header .smp-contact .smp-mailmagazine img {
        width: 95%; }
      .smp-header .smp-contact .smp-mailmagazine img:hover {
        opacity: 0.8; }

/*-----979px 以下----*/
/*-----768 以下----*/
@media screen and (max-width: 767px) {
  .header-wrap,
  .header-wrap .inner {
    position: relative; }

  .header-left {
    display: none; }

  .header-center {
    width: 100%;
    float: none; }

  .header-right {
    width: 100%;
    float: none; }

  .inner {
    width: 97%;
    max-width: 728px;
    margin: 0 auto;
    padding: 0 20px; } }
/*-----980px 以上----*/
@media screen and (min-width: 980px) {
  .inner {
    width: 97%;
    max-width: 940px;
    margin: 0 auto;
    padding: 0 20px; }

  #global-nav ul {
    bottom: 30px;
    margin-right: 0; } }
/*-----1100px 以上----*/
@media screen and (min-width: 1100px) {
  article {
    padding: 0 30px; }

  .inner {
    width: 97%;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px; }

  #grobal-nav ul {
    margin-right: 0; } }

/*# sourceMappingURL=nav.css.map */