@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400);
@import url(/css/enfold/usr/operation/sp/font/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 {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  font-size: 1.2rem;
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body input, body textarea {
    font-family: 'Montserrat', sans-serif; }
  body.enf-no-scroll {
    overflow: hidden;
    position: static; }
  body.enf-position-static {
    position: static; }

.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; }

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

.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", Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Gothic", sans-serif; }

.enf-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  overflow-y: auto;
  border-bottom: solid 1px #ddd;
  transition: border-bottom 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .enf-header .enf-header-head {
    position: relative;
    background: #fff; }
  .enf-header .enf-header-logo {
    width: 135px;
    margin: 0 auto;
    padding: 22px 0 28px;
    text-align: center;
    transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .enf-header .enf-header-logo img {
      width: 100%; }
  .enf-header .enf-header-menu {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 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: -13px;
      margin-left: -9px; }
      .enf-header .enf-header-menu li i {
        font-size: 23px; }
      .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-fixed {
    border-bottom: solid 1px #ddd; }
    .enf-header.enf-header-fixed .enf-header-logo {
      padding: 12px 0 14px; }
  .enf-header.enf-header-open {
    height: 100%; }
    .enf-header.enf-header-open .enf-header-logo {
      padding: 22px 0 28px; }
  .enf-header .enf-header-inner {
    display: none; }
    .enf-header .enf-header-inner .enf-header-nav {
      background: #fff;
      border-bottom: solid 1px #ddd;
      padding: 0 7.73% 0;
      box-sizing: border-box;
      width: 100%; }
      .enf-header .enf-header-inner .enf-header-nav li {
        border-top: solid 1px #ddd; }
        .enf-header .enf-header-inner .enf-header-nav li a {
          display: block;
          text-align: center;
          padding: 29px 0; }
    .enf-header .enf-header-inner .enf-header-social {
      background: #fff;
      padding: 40px 0;
      letter-spacing: -.4em;
      text-align: center; }
      .enf-header .enf-header-inner .enf-header-social li {
        letter-spacing: normal;
        display: inline-block; }
        .enf-header .enf-header-inner .enf-header-social li + li {
          padding-left: 10.67%; }
        .enf-header .enf-header-inner .enf-header-social li a i {
          font-size: 20px; }

.enf-wrapper {
  padding-top: 77px;
  transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.enf-footer {
  padding: 20px 7.73% 29px; }
  .enf-footer .enf-footer-logo {
    width: 31.23%; }
    .enf-footer .enf-footer-logo img {
      width: 100%;
      max-width: 99px; }
  .enf-footer .enf-footer-copyright {
    padding-top: 8px;
    color: #999;
    font-size: 0.9rem; }
  .enf-footer .enf-footer-nav {
    margin-top: 25px; }
    .enf-footer .enf-footer-nav:after {
      content: "";
      display: block;
      clear: both; }
    .enf-footer .enf-footer-nav ul {
      float: left;
      border-bottom: solid 1px #ddd;
      width: 45.43%; }
      .enf-footer .enf-footer-nav ul + ul {
        float: right; }
      .enf-footer .enf-footer-nav ul li {
        border-top: solid 1px #ddd; }
        .enf-footer .enf-footer-nav ul li a {
          display: block;
          color: #999;
          font-size: 1.1rem;
          padding: 15px 0; }