@charset "UTF-8";
/* CSS Document */
/*------------------------------
  共通
------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

  *:focus {
    outline: none;
  }

html,
body {
  overflow-x: hidden; }

body {
  color: #333;
  font-family: 'Lato', 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.1em;
  line-height: 1.5em; }
  @media all and (max-width: 768px) {
    body {
      font-size: 3.6vw; } }
  body .menu-mobile {
    display: none; }
  body .pushy {
    background: #F5FEE5; }

#luxy {
  top: 0; }

.no-scroll {
  width: 100%;
  position: fixed;
  left: 0; }

a,
a:hover {
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

a:hover {
  color: #b4e55d; }

h2, h3 {
  font-weight: 600; }

.f_80 {
  font-size: 80%; }

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

.pc {
  display: block !important; }
  @media all and (max-width: 768px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media all and (max-width: 768px) {
    .sp {
      display: block !important; } }

.se {
  display: none !important; }
  @media all and (max-width: 374px) {
    .se {
      display: block !important; } }

.animate {
  opacity: 0; }

.animate.animated {
  opacity: 1; }

.btn_top {
  width: 80px;
  height: 80px;
  background-color: #ff8820;
  background-image: url(../img/common/icon_top.png);
  background-size: 45% auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: fixed;
  bottom: 10px;
  right: 5vh;
  z-index: 50; }
  @media all and (max-width: 680px) {
    .btn_top {
      width: 60px;
      height: 60px;
      bottom: 6vh;
      right: 2vh; } }
  @media all and (max-width: 768px) {
    #service .btn_top {
      display: none !important; } }

/*------------------------------
  要素の比率を保ったまま拡大縮小
------------------------------*/
.box-1x1 {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative; }
  .box-1x1:before {
    padding-top: 100%;
    content: "";
    display: block; }
  .box-1x1 .inner {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0; }

.box-1x1-ser {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative; }
  .box-1x1-ser:before {
    padding-top: 50%;
    content: "";
    display: block; }
  .box-1x1-ser .inner {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0; }

/*------------------------------
  ドロワーメニュー
------------------------------*/
/* ボタン */
.menu-btn {
  width: 2rem;
  padding: 20px 17px 30px;
  background-color: transparent;
  border: none;
  box-sizing: content-box;
  display: none;
  font-size: 40px;
  outline: none;
  position: fixed;
  top: 0.5%;
  right: 2%;
  z-index: 10000;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .pushy-open-right .menu-btn {
    /* メニューopen時 */
    position: fixed; }

.drawer-hamburger-icon {
  width: 100%;
  height: 2px;
  background-color: #222;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .menu-btn .drawer-hamburger-icon {
    margin-top: 10px;
    display: block;
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #222;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .pushy-open-right .drawer-hamburger-icon {
    background-color: transparent; }
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    width: 100%;
    height: 2px;
    background-color: #222;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    content: "";
    position: absolute;
    top: -10px;
    left: 0; }
    .menu-btn .drawer-hamburger-icon:before, .menu-btn .drawer-hamburger-icon:after {
      width: 100%;
      height: 3px;
      background-color: #222;
      -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .pushy-open-right .drawer-hamburger-icon:before {
    top: 0;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .drawer-hamburger-icon:after {
    top: 10px; }
    .pushy-open-right .drawer-hamburger-icon:after {
      top: 0;
      top: 0;
      background-color: #333;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/* ドロワーメニュー内 */
.pushy {
  display: none; }
  .pushy .btn_contact {
    width: 80%;
    margin: 50px auto 0;
    padding: 45px 0;
    background: #ff9233;
    background: -webkit-linear-gradient(left, #ff9233 0%, #ff7f11 100%);
    background: -o-linear-gradient(left, #ff9233 0%, #ff7f11 100%);
    background: linear-gradient(to right, #ff9233 0%, #ff7f11 100%);
    border-radius: 5px;
    color: #fff;
    font-size: 4.16vw; }
    @media all and (max-width: 580px) {
      .pushy .btn_contact {
        margin: 25px auto 0;
        padding: 22px 0; }
      }
      .pushy li.pushy-link a.btn_contact {
        width: 100%;
        margin: 25px 0;
        font-size: 4.16vw;
        color: #fff;
        text-align: center;
        font-weight: 400;
      }
  .pushy .pushy-content {
    padding-bottom: 50px; }
  .pushy .btn_logo {
    width: 80%;
    margin: 50px auto 50px;
    padding: 0;
    text-align: left; }
    @media all and (max-width: 580px) {
      .pushy .btn_logo {
        margin: 25px auto; } }
    .pushy .btn_logo img {
      max-width: 220px;
      width: 28.6vw; }

nav.pushy ul {
  width: 80%;
  margin: auto; }

nav.pushy ul.menu_01 > li li {
  border-bottom: solid 1px #333; }

nav.pushy ul.menu_01 > li li:last-of-type {
  border-bottom: none; }

nav.pushy ul a {
  padding: 40px 0;
  text-align: left; }

nav.pushy ul.menu_01 a,
nav.pushy .pushy-submenu a {
  padding: 40px 3.9vw;
  color: #333;
  font-size: 4.16vw;
  text-align: left; }
  @media all and (max-width: 580px) {
    nav.pushy ul.menu_01 a,
    nav.pushy .pushy-submenu a {
      padding: 20px 3.9vw;
      font-size: 14px; }
    }

nav.pushy .pushy-submenu button {
  padding: 40px 3.9vw;
  color: #333;
  font-size: 4.16vw;
  text-align: left;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif; }
  @media all and (max-width: 580px) {
    nav.pushy .pushy-submenu button {
      padding: 20px 3.9vw;
      font-size: 14px; } }


.pushy .pushy-content li a {
  /* background-repeat: no-repeat; */
  background-size: auto 60%; }

.pushy .pushy-content li a.btn_contact {
  background-size: 100%; }

nav.pushy .pushy-submenu > ul {
  width: 100%;
  padding: 0;
  background: #e2fbb5; }

nav.pushy .pushy-submenu > ul a {
  padding: 20px 3.9vw;
  color: #333; }

@media all and (max-width: 768px) {
  .menu-btn,
  .pushy {
    display: block; }

  nav.pushy > ul {
    margin: 0 auto;
    border-bottom: none;
    display: block; }

  nav.pushy ul li {
    height: auto;
    border-bottom: solid 1px #333;
    display: block; }

  nav.pushy ul li:last-child {
    border-bottom: none;
  }

  nav.pushy ul li a {
    height: auto;
    overflow: auto;
    text-indent: initial;
    white-space: initial;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif; }
    nav.pushy ul li a i {
      margin-left: 5px;
      font-size: 80%; } }
@media all and (max-width: 680px) {
  .menu-btn {
    top: 5px; } }
body .pushy-submenu button:before, body .pushy-submenu button:after {
  width: 30px;
  height: 7px;
  background-image: none;
  background-color: #333;
  content: '';
  display: block;
  position: absolute; }
  @media all and (max-width: 580px) {
    body .pushy-submenu button:before, body .pushy-submenu button:after {
      width: 15px;
      height: 3px; } }
body .pushy-submenu button:before {
  top: 48%;
  right: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }
  @media all and (max-width: 580px) {
    body .pushy-submenu button:before {
      top: 48%; } }
body .pushy-submenu button:after {
  right: 15px; }
body .pushy-submenu-open button:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }
body .pushy-submenu-open button:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }

@media all and (max-width: 680px) {
  .menu-btn {
    top: 5px; } }
body .pushy-submenu button:before, body .pushy-submenu button:after {
  width: 30px;
  height: 7px;
  background-image: none;
  background-color: #333;
  content: '';
  display: block;
  position: absolute; }
  @media all and (max-width: 580px) {
    body .pushy-submenu button:before, body .pushy-submenu button:after {
      width: 15px;
      height: 3px; } }
body .pushy-submenu button:before {
  top: 48%;
  right: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }
  @media all and (max-width: 580px) {
    body .pushy-submenu button:before {
      top: 48%; } }
body .pushy-submenu button:after {
  right: 15px; }
body .pushy-submenu-open button:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }
body .pushy-submenu-open button:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }

/* aタグに変更 */
@media all and (max-width: 680px) {
  .menu-btn {
    top: 5px; } }
body .pushy-submenu a#first-link:before, body .pushy-submenu a#first-link:after {
  width: 30px;
  height: 7px;
  background-image: none;
  background-color: #333;
  content: '';
  display: block;
  position: absolute; }
  @media all and (max-width: 580px) {
    body .pushy-submenu a#first-link:before, body .pushy-submenu a#first-link:after {
      width: 15px;
      height: 3px; } }
body .pushy-submenu a#first-link:before {
  top: 48%;
  right: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }
  @media all and (max-width: 580px) {
    body .pushy-submenu a#first-link:before {
      top: 48%; } }
body .pushy-submenu a#first-link:after {
  right: 15px; }
body .pushy-submenu-open a#first-link:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }
body .pushy-submenu-open a#first-link:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.list_head {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box; }
  .list_head:before, .list_head:after {
    content: "";
    display: table; }
  .list_head:after {
    clear: both; }
  .list_head li .list_inner {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    border: solid 4px #ff8820;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    list-style: none;
    position: absolute;
    top: 80px;
    transform: translateX(-50%);
    z-index: 2; }
  .list_head li:before, .list_head li:after {
    content: "";
    display: table; }
  .list_head li:after {
    clear: both; }
  .list_head li .list_inner {
    width: 30%; }
    .list_head li .list_inner li {
      height: 60px;
      line-height: 60px;
      display: block;
      text-align: center; }
      .list_head li .list_inner li:last-of-type {
        border-bottom: 0; }
      .list_head li .list_inner li a {
        color: #ff8820;
        display: block;
        font-size: 14px;
        font-weight: 600; }
        .list_head li .list_inner li a:hover {
          color: #b4e55d; }

header {
  width: 100%;
  height: 90px;
  position: absolute;
  top: 0;
  z-index: 1000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media all and (max-width: 768px) {
    header {
      height: auto; } }
  header.m_fixed {
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    left: 0;
    position: fixed;
    top: 0; }
    @media all and (max-width: 768px) {
      header.m_fixed {
        background: none; } }
  header h1 {
    max-width: 146px;
    margin-left: 6.2vw;
    float: left; }
    @media all and (max-width: 768px) {
      header h1 {
        max-width: 100%;
        width: 29.1vw;
        margin-top: 40px; } }
    @media all and (max-width: 680px) {
      header h1 {
        margin-top: 25px; } }
    header h1 a {
      display: block;
      line-height: 90px; }
      @media all and (max-width: 680px) {
        header h1 a {
          line-height: normal; } }
    header h1 img {
      width: 100%;
      vertical-align: middle; }
  header nav .menu-container {
    width: auto;
    background: none;
    float: right; }
    header nav .menu-container .menu > ul > li {
      background: none;
      font-size: 15px; }
      @media all and (max-width: 980px) {
        header nav .menu-container .menu > ul > li {
          font-size: 1.53vw; } }
      header nav .menu-container .menu > ul > li:last-of-type > a {
        background: #ff9233;
        background: -webkit-linear-gradient(left, #ff9233 0%, #ff7f11 100%);
        background: -o-linear-gradient(left, #ff9233 0%, #ff7f11 100%);
        background: linear-gradient(to right, #ff9233 0%, #ff7f11 100%);
        color: #fff; }
      header nav .menu-container .menu > ul > li:hover > a {
        background: #b4e55d;
        color: #fff; }
      header nav .menu-container .menu > ul > li > a {
        padding: 0 15px;
        line-height: 90px; }
      header nav .menu-container .menu > ul > li > a.pc_ev {
          pointer-events: none; }
      header nav .menu-container .menu > ul > li > ul {
        background-color: rgba(0, 0, 0, 0.6); }
        header nav .menu-container .menu > ul > li > ul.normal-sub {
          padding: 0; }
          header nav .menu-container .menu > ul > li > ul.normal-sub > li {
            border-bottom: solid 1px #fff; }
            header nav .menu-container .menu > ul > li > ul.normal-sub > li:last-of-type {
              border-bottom: none; }
        header nav .menu-container .menu > ul > li > ul > li a {
          width: 100%;
          padding: 25px 30px;
          color: #fff;
          font-size: 14px;
          letter-spacing: 0; }
          header nav .menu-container .menu > ul > li > ul > li a:hover {
            background: #b4e55d; }
          header nav .menu-container .menu > ul > li > ul > li a i {
            margin-left: 5px;
            font-size: 80%; }

footer {
  padding: 70px 0;
  background: #42554e;
  color: #fff; }
  @media all and (max-width: 980px) {
    footer {
      padding: 70px 0 40px; } }
  @media all and (max-width: 768px) {
    footer {
      padding: 37px 0 40px; } }
  @media all and (max-width: 580px) {
    footer {
      padding: 20px 0 40px; } }
  footer a {
    color: #fff; }
  footer .footer_wrap {
    width: 90%;
    margin: auto;
    max-width: 1200px; }
    @media all and (max-width: 768px) {
      footer .footer_wrap {
        width: 100%; } }
    footer .footer_wrap .footer_logo {
      padding-bottom: 40px;
      border-bottom: solid 1px #fff; }
      @media all and (max-width: 580px) {
        footer .footer_wrap .footer_logo {
          padding-bottom: 20px; } }
      footer .footer_wrap .footer_logo img {
        max-width: 200px; }
        @media all and (max-width: 768px) {
          footer .footer_wrap .footer_logo img {
            width: 80%;
            max-width: 54vw; } }
      @media all and (max-width: 768px) {
        footer .footer_wrap .footer_logo .logo {
          padding: 0 55px; } }
      @media all and (max-width: 680px) {
        footer .footer_wrap .footer_logo .logo {
          padding: 0 35px; } }
    footer .footer_wrap .footer_nav {
      padding: 40px 0 65px; }
      @media all and (max-width: 980px) {
        footer .footer_wrap .footer_nav {
          padding: 40px 0 10px; } }
      @media all and (max-width: 768px) {
        footer .footer_wrap .footer_nav {
          padding: 0; } }
      footer .footer_wrap .footer_nav .list_foot {
        width: 100%;
        display: table; }
        @media all and (max-width: 980px) {
          footer .footer_wrap .footer_nav .list_foot {
            display: block; } }
        @media all and (max-width: 768px) {
          footer .footer_wrap .footer_nav .list_foot {
            display: none; } }
        footer .footer_wrap .footer_nav .list_foot li {
          padding-right: 50px;
          display: table-cell;
          font-size: 16px;
          vertical-align: top; }
          @media all and (max-width: 980px) {
            footer .footer_wrap .footer_nav .list_foot li {
              margin-bottom: 50px;
              display: inline-block;
              font-size: 14px; } }
          footer .footer_wrap .footer_nav .list_foot li:last-of-type {
            padding-right: 0;
            text-align: right; }
            footer .footer_wrap .footer_nav .list_foot li:last-of-type a {
              width: 180px;
              padding: 24px 0;
              background: #ff8820;
              display: inline-block;
              font-size: 16px;
              text-align: center; }
          footer .footer_wrap .footer_nav .list_foot li a i {
            margin-left: 5px;
            font-size: 80%; }
          footer .footer_wrap .footer_nav .list_foot li dl dt {
            margin-bottom: 20px; }
          footer .footer_wrap .footer_nav .list_foot li dl dd {
            margin-bottom: 10px; }
            footer .footer_wrap .footer_nav .list_foot li dl dd:last-of-type {
              margin-bottom: 0; }
            footer .footer_wrap .footer_nav .list_foot li dl dd a {
              font-size: 12px; }
      footer .footer_wrap .footer_nav .foot_sp {
        display: none;
        font-size: 28px;
        font-weight: 600; }
        @media all and (max-width: 768px) {
          footer .footer_wrap .footer_nav .foot_sp {
            display: block;
            font-size: 3.64vw; } }
        footer .footer_wrap .footer_nav .foot_sp a {
          margin-bottom: 20px;
          font-size: 80%;
          display: block; }
          footer .footer_wrap .footer_nav .foot_sp a i {
            margin-left: 5px;
            font-size: 80%; }
        footer .footer_wrap .footer_nav .foot_sp > a {
          margin-bottom: 0;
          padding: 40px 55px;
          color: #fff;
          border-bottom: solid 1px #fff;
          display: block;
          font-size: 100%;
          position: relative; }
          @media all and (max-width: 680px) {
            footer .footer_wrap .footer_nav .foot_sp > a {
              padding: 30px 35px; } }
          @media all and (max-width: 580px) {
            footer .footer_wrap .footer_nav .foot_sp > a {
              padding: 25px 35px; } }
        footer .footer_wrap .footer_nav .foot_sp .btn_contact {
          background: #ff9233;
          background: -webkit-linear-gradient(159deg, #ff9233 0%, #ff7f11 100%);
          background: -o-linear-gradient(159deg, #ff9233 0%, #ff7f11 100%);
          background: linear-gradient(249deg, #ff9233 0%, #ff7f11 100%);
          text-align: center; }
        footer .footer_wrap .footer_nav .foot_sp .acd-check {
          display: none; }
          footer .footer_wrap .footer_nav .foot_sp .acd-check:checked + .acd-label:after {
            content: '\f068'; }
          footer .footer_wrap .footer_nav .foot_sp .acd-check:checked + .acd-label + .acd-content {
            height: auto;
            opacity: 1;
            padding: 40px 55px;
            visibility: visible; }
            @media all and (max-width: 680px) {
              footer .footer_wrap .footer_nav .foot_sp .acd-check:checked + .acd-label + .acd-content {
                padding: 20px 55px; } }
        footer .footer_wrap .footer_nav .foot_sp .acd-label {
          color: #fff;
          border-bottom: solid 1px #fff;
          display: block;
          padding: 40px 55px;
          position: relative; }
          @media all and (max-width: 680px) {
            footer .footer_wrap .footer_nav .foot_sp .acd-label {
              padding: 30px 35px; } }
          @media all and (max-width: 580px) {
            footer .footer_wrap .footer_nav .foot_sp .acd-label {
              padding: 24px 35px; } }
          footer .footer_wrap .footer_nav .foot_sp .acd-label:after {
            padding: 40px 0;
            box-sizing: border-box;
            content: '\f067';
            display: block;
            font-family: "Font Awesome 5 Free";
            height: auto;
            position: absolute;
            right: 55px;
            top: 0px; }
            @media all and (max-width: 680px) {
              footer .footer_wrap .footer_nav .foot_sp .acd-label:after {
                padding: 30px 0; } }
            @media all and (max-width: 580px) {
              footer .footer_wrap .footer_nav .foot_sp .acd-label:after {
                padding: 24px 0; } }
        footer .footer_wrap .footer_nav .foot_sp .acd-content {
          border-bottom: 1px solid #fff;
          display: block;
          height: 0;
          opacity: 0;
          padding: 0 55px;
          transition: .5s;
          visibility: hidden; }
          footer .footer_wrap .footer_nav .foot_sp .acd-content:last-of-type {
            border-bottom: none; }
    footer .footer_wrap .footer_nav_sub {
      padding: 16px 0;
      font-size: 12px; }
      @media all and (max-width: 768px) {
        footer .footer_wrap .footer_nav_sub {
          width: 90%;
          margin: auto;
          font-size: 3.12vw; } }
      @media all and (max-width: 768px) {
        footer .footer_wrap .footer_nav_sub .list_mark {
          text-align: right; } }
      footer .footer_wrap .footer_nav_sub .list_mark li {
        margin-right: 35px;
        display: inline-block;
        vertical-align: middle; }
        @media all and (max-width: 768px) {
          footer .footer_wrap .footer_nav_sub .list_mark li {
            margin-top: 120px; } }
        @media all and (max-width: 680px) {
          footer .footer_wrap .footer_nav_sub .list_mark li {
            margin-top: 70px;
            margin-right: 20px; } }
        @media all and (max-width: 580px) {
          footer .footer_wrap .footer_nav_sub .list_mark li {
            margin-right: 5px; } }
        footer .footer_wrap .footer_nav_sub .list_mark li:nth-of-type(1) img {
          width: 80px;
          height: 80px;
          display: block; }
          @media all and (max-width: 768px) {
            footer .footer_wrap .footer_nav_sub .list_mark li:nth-of-type(1) img {
              width: 130px;
              height: 130px; } }
          @media all and (max-width: 680px) {
            footer .footer_wrap .footer_nav_sub .list_mark li:nth-of-type(1) img {
              width: 70px;
              height: 70px; } }
        @media all and (max-width: 768px) {
          footer .footer_wrap .footer_nav_sub .list_mark li:nth-of-type(1) {
            margin-top: 20px;
            float: left; } }
  footer small {
    padding: 60px 0 0;
    display: block;
    font-size: 12px;
    text-align: center; }
    @media all and (max-width: 768px) {
      footer small {
        font-size: 2.86vw; } }

.nav-below {
  width: 100%;
  margin: 50px auto 0;
  display: block;
  text-align: center; }
  .nav-below li {
    display: inline-block; }
    .nav-below li.btn_home {
      padding: 0 5%; }
      @media all and (max-width: 680px) {
        .nav-below li.btn_home {
          padding: 0 3%; } }
      @media all and (max-width: 374px) {
        .nav-below li.btn_home {
          padding: 0 2%; } }
    .nav-below li.nav-previous i {
      margin-right: 5px; }
      @media all and (max-width: 374px) {
        .nav-below li.nav-previous i {
          margin-right: 2px; } }
    .nav-below li.nav-next i {
      margin-left: 5px; }
      @media all and (max-width: 374px) {
        .nav-below li.nav-next i {
          margin-left: 2px; } }
    .nav-below li a {
      padding: 15px 0;
      color: #000;
      display: block; }
      .nav-below li a:hover {
        color: #ffa04d; }
      .nav-below li a i {
        font-size: 80%; }

.pagenation {
  margin: 50px auto 0;
  display: block;
  text-align: center; }
  .pagenation .page-numbers {
    padding: 5px 7px;
    border: solid 1px #ff8820;
    color: #ff8820;
    display: inline-block;
    text-align: center; }
    .pagenation .page-numbers.current {
      background: #ff8820;
      color: #fff; }

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