@charset "UTF-8";
@import url(./fonts/font.css);
.icon:before {
  display: inline-block;
  font-family: "myfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  font-size: 62.5%; }

body {
  position: relative;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  font-size: 1.2rem;
  font-family: helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body input, body textarea {
    font-family: helvetica, arial, sans-serif; }
  body.enf-no-scroll {
    overflow: hidden;
    position: relative; }
  body.enf-position-static {
    position: static; }
  body.enf-nav-open {
    position: fixed;
    width: 100%;
    height: 100%; }

.enf-wrapper {
  /* with body.enf-no-scroll */ }
  .enf-wrapper.enf-fixed-on {
    position: fixed;
    background: #fff;
    width: 100%; }

/* with body.enf-no-scroll and modal(fixed) auto scroll */
.enf-fixed-bg {
  display: none; }

body.enf-no-scroll .enf-fixed-bg {
  display: block;
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

li {
  list-style-type: none; }

img {
  max-width: 100%;
  vertical-align: bottom;
  /* 画像保存禁止 */
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  pointer-events: none; }

a {
  text-decoration: none;
  color: #000;
  pointer-events: auto; }

.app-show, .app-hide {
  transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.app-show {
  opacity: 1;
  transform: translate(0, 0); }

.app-hide {
  opacity: 0;
  transform: translate(0, 10px); }

.enf-jp {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
  letter-spacing: normal; }

.enf-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  overflow-y: auto; }
  .enf-header.enf-nav-open {
    overflow-y: auto;
    height: 100%;
    background: #fff; }
  .enf-header .enf-header-head {
    position: relative;
    padding: 0 7.73%; }
  .enf-header.enf-header-fixed .enf-header-logo {
    border-bottom-color: transparent; }
  .enf-header.enf-nav-open .enf-header-logo {
    border-bottom-color: #000; }
  .enf-header .enf-header-logo {
    width: 100%;
    margin: 0 auto;
    padding: 14px 0 12px;
    text-align: center;
    border-bottom: solid 1px #000;
    transition: border-bottom 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .enf-header .enf-header-logo a {
      display: inline-block; }
    .enf-header .enf-header-logo img {
      width: 139px;
      height: auto; }
  .enf-header .enf-header-menu {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 7.73%;
    margin-top: -17px;
    display: block;
    -webkit-tap-highlight-color: transparent; }
    .enf-header .enf-header-menu li {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -16px;
      margin-left: -11px; }
      .enf-header .enf-header-menu li i {
        font-size: 25px; }
      .enf-header .enf-header-menu li.enf-close {
        display: none; }
    .enf-header .enf-header-menu:after {
      display: block;
      content: '';
      width: 17px;
      height: 34px; }
  .enf-header .enf-header-inner {
    display: none; }
    .enf-header .enf-header-inner .enf-header-nav {
      background: #fff;
      padding: 35px 7.73% 0;
      box-sizing: border-box;
      width: 100%; }
      .enf-header .enf-header-inner .enf-header-nav li a {
        display: block;
        text-align: center;
        padding: 14px 0;
        font-size: 12px;
        letter-spacing: 0.1em; }
    .enf-header .enf-header-inner .enf-header-social {
      background: #fff;
      padding: 29px 0 50px;
      letter-spacing: -.4em;
      text-align: center; }
      .enf-header .enf-header-inner .enf-header-social li {
        letter-spacing: normal;
        display: inline-block;
        padding: 0 4%; }
        .enf-header .enf-header-inner .enf-header-social li a i {
          font-size: 23px; }

.enf-wrapper {
  padding-top: 50px;
  transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  letter-spacing: 0.1em; }

.enf-footer {
  padding: 44px 7.73%;
  text-align: center; }
  .enf-footer .enf-footer-logo {
    display: inline-block;
    width: auto;}
    .enf-footer .enf-footer-logo img {
      width: 100%;
      max-width: 139px; }
  .enf-footer .enf-footer-copyright {
    font-size: 0.9rem; }
  .enf-footer .enf-footer-nav {
    margin-top: 18px; }
    .enf-footer .enf-footer-nav ul {
      overflow: hidden;
      letter-spacing: -0.4em;
      width: auto;
      float: none;
      border-bottom: none; }
      .enf-footer .enf-footer-nav ul + ul {
        float: none;
        margin-top: 5px; }
      .enf-footer .enf-footer-nav ul li {
        display: inline-block;
        letter-spacing: 0.1em;
        margin-top: 6px;
        border-top: none }
        .enf-footer .enf-footer-nav ul li + li a:before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: 9px;
          width: 0;
          height: 9px;
          margin-top: -4px;
          border-left: solid 1px #000; }
        .enf-footer .enf-footer-nav ul li a {
          position: relative;
          display: block;
          font-weight: 100;
          color: #000;
          font-size: 12px;
          padding: 0 9px; }
  .enf-footer .enf-footer-social {
    letter-spacing: -0.4em; }
    .enf-footer .enf-footer-social li {
      display: inline-block;
      letter-spacing: normal;
      padding: 0 18px;
      font-size: 23px; }


.enf-footer .enf-footer-copyright{
color: #000 !important;
}

.enf-header .enf-header-inner .enf-header-nav li{
border-top: none !important;
}

.enf-header .enf-header-inner .enf-header-nav{
border-bottom: none !important;
}

.enf-header.enf-header-open .enf-header-logo {
    border-bottom-color: black !important;
}