@media (max-width: 639px) {
  .container {
    padding: 0 30px; }
  .m-header {
    z-index: 1000; }
    .m-header .menu {
      display: block;
      height: 40px;
      text-align: center;
      color: #fff;
      font-size: 0; }
      .m-header .menu span {
        display: inline-block;
        width: 35px;
        cursor: pointer;
        vertical-align: middle;
        line-height: 40px; }
        .m-header .menu span i {
          color: #3197ef; }
    .m-header .nav {
      position: absolute;
      z-index: 1000;
      top: 40px;
      left: 0;
      display: none;
      width: 100%;
      padding-bottom: 15px;
      background-color: #fff; }
      .m-header .nav.active {
        display: block; }
      .m-header .nav ul {
        transition: height 0.3s ease-in-out; }
      .m-header .nav li > div {
        max-width: 400px;
        height: 44px;
        text-align: center; }
      .m-header .nav li a {
        text-decoration: none;
        color: #9b9b9b;
        font-size: 18px;
        line-height: 44px; }
        .m-header .nav li a:hover {
          color: #3197ef; }
  .m-banner {
    position: relative; }
    .m-banner .slides {
      zoom: 1;
      font-size: 0; }
      .m-banner .slides .swiper-pagination-bullet {
        opacity: 1;
        background: #fff; }
      .m-banner .slides .swiper-pagination-bullet-active {
        background: #0ba6cf; }
      .m-banner .slides .swiper-button-prev,
      .m-banner .slides .swiper-button-next {
        display: none;
        margin-top: 0;
        position: absolute;
        z-index: 11;
        top: 50%;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transform: translateY(-50%);
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .m-banner .slides .swiper-button-prev {
        left: 20px;
        background-image: url("../images/banner_prev_1.png"); }
      .m-banner .slides .swiper-button-next {
        right: 20px;
        background-image: url("../images/banner_next_1.png"); }
    .m-banner:hover .slides .swiper-button-prev,
    .m-banner:hover .slides .swiper-button-next {
      display: block; }
  .m-mix {
    padding: 50px 0; }
    .m-mix .container {
      overflow: hidden; }
    .m-mix .title {
      margin-bottom: 10px;
      line-height: 40px;
      color: #3197ef;
      font-size: 30px; }
    .m-mix .desc {
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 28px; }
    .m-mix .pic {
      position: relative;
      float: left;
      width: 156px;
      margin-right: 30px;
      margin-bottom: 10px; }
      .m-mix .pic-container {
        width: 100%;
        padding-top: 100%; }
      .m-mix .pic img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .m-subscribe {
    padding: 50px 0 70px; }
    .m-subscribe h3 {
      color: #3197ef;
      font-size: 40px;
      font-weight: 700;
      font-size: 30px;
      line-height: 40px; }
    .m-subscribe .tip {
      height: 22px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; }
    .m-subscribe .subscribe-form {
      position: relative;
      margin-top: 37px; }
      .m-subscribe .subscribe-form img {
        position: absolute;
        top: 12px;
        left: 0;
        width: 30px;
        height: 30px; }
      .m-subscribe .subscribe-form input {
        width: calc(100% - 90px);
        height: 54px;
        padding: 7px 0 7px 45px;
        border: none;
        border-bottom: 1px solid #979797;
        font-size: 18px;
        line-height: 18px; }
        .m-subscribe .subscribe-form input::placeholder {
          text-transform: uppercase;
          font-size: 16px; }
      .m-subscribe .subscribe-form button {
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 72px;
        height: 40px;
        color: #fff;
        border-color: #3197ef;
        background-color: #3197ef;
        line-height: 40px; }
  .m-product {
    padding-top: 50px; }
    .m-product .product-list {
      font-size: 0; }
      .m-product .product-list li {
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px; }
        .m-product .product-list li a {
          text-decoration: none; }
      .m-product .product-list .product:hover .name {
        color: #3197ef; }
        .m-product .product-list .product:hover .name div,
        .m-product .product-list .product:hover .name span,
        .m-product .product-list .product:hover .name i,
        .m-product .product-list .product:hover .name b {
          color: #3197ef !important; }
      .m-product .product-list .info {
        padding: 30px 0; }
        .m-product .product-list .info .name {
          overflow: hidden;
          max-height: 100px;
          color: #000000;
          font-size: 18px;
          line-height: 25px; }
        .m-product .product-list .info .desc {
          overflow: hidden;
          max-height: 88px;
          margin-top: 10px;
          color: #4a4a4a;
          font-size: 16px;
          line-height: 22px; }
      .m-product .product-list .image {
        padding-top: 74.61929%;
        background-color: #d8d8d8;
        background-repeat: no-repeat;
        background-size: cover; }
  .m-inquiry {
    padding: 50px 0; }
    .m-inquiry h3 {
      color: #3197ef;
      font-size: 40px;
      font-weight: 700;
      width: 100%;
      padding-bottom: 30px;
      line-height: 35px;
      font-size: 30px;
      text-align: center; }
    .m-inquiry .contcat {
      padding-bottom: 38px;
      font-size: 18px;
      line-height: 23px; }
      .m-inquiry .contcat > div {
        text-align: center; }
      .m-inquiry .contcat .phone {
        margin-top: 20px; }
    .m-inquiry .inquiry-container {
      overflow: hidden; }
    .m-inquiry input {
      height: 40px;
      margin-bottom: 9px;
      padding: 0 10px;
      border-color: #4a4a4a;
      font-size: 18px;
      line-height: 40px; }
    .m-inquiry textarea {
      height: 120px;
      padding: 10px;
      border-color: #4a4a4a;
      font-size: 18px; }
    .m-inquiry input::placeholder,
    .m-inquiry textarea::placeholder {
      color: #9b9b9b; }
    .m-inquiry button {
      width: 140px;
      height: 40px;
      margin-top: 8px;
      text-align: center;
      color: #fff;
      border-color: #3197ef;
      background-color: #3197ef;
      font-size: 18px; }
    .m-inquiry .btn-group {
      width: 100%;
      text-align: center; }
  .m-sns {
    padding: 37px 0; }
    .m-sns .sns-share {
      text-align: center;
      margin: 0 -30px; }
      .m-sns .sns-share a {
        float: left;
        display: block;
        width: 33.33333%;
        text-decoration: none;
        color: #1facd2;
        font-size: 0;
        text-align: center; }
        .m-sns .sns-share a img {
          vertical-align: top; }
        .m-sns .sns-share a span {
          display: inline-block;
          line-height: 25px; }
  .m-footer {
    padding-top: 50px;
    padding-bottom: 46px;
    text-align: center; }
    .m-footer .sns {
      margin: 0 -12px 17px 12px; }
      .m-footer .sns a {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 24px;
        margin-bottom: 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        background-color: #9b9b9b;
        line-height: 28px; }
        .m-footer .sns a i {
          color: #fff;
          font-size: 28px; }
        .m-footer .sns a:first-child {
          margin-left: 0; }
    .m-footer .business-info .componey,
    .m-footer .business-info .address,
    .m-footer .business-info .contact {
      color: #4a4a4a;
      font-size: 16px;
      line-height: 23px; }
    .m-footer .business-info .address {
      padding-top: 5px; }
    .m-footer .business-info .copyright {
      padding-top: 30px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; } }

@media (min-width: 640px) and (max-width: 959px) {
  .m-header {
    z-index: 1000; }
    .m-header .menu {
      display: none;
      height: 86px;
      text-align: center;
      color: #fff;
      font-size: 0;
      line-height: 86px; }
      .m-header .menu span {
        display: inline-block;
        width: 35px;
        height: 26px;
        cursor: pointer;
        vertical-align: middle;
        background-image: url(../images/8a9ea3f5-11ae-e544-4f3a-8ff3bfc6c610_1.png);
        background-repeat: no-repeat;
        background-size: 100%; }
    .m-header .nav ul {
      overflow: hidden;
      width: 100%;
      padding: 20px 0 14px 0;
      text-align: justify;
      font-size: 0; }
      .m-header .nav ul:after {
        position: relative;
        z-index: -1;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        height: 0;
        content: "";
        font-size: 0;
        line-height: 0; }
    .m-header .nav li {
      display: inline-block;
      overflow: hidden;
      vertical-align: middle; }
      .m-header .nav li > div {
        max-width: 400px; }
      .m-header .nav li a {
        position: relative;
        display: block;
        padding-top: 10px;
        text-decoration: none;
        color: inherit;
        color: #9b9b9b;
        font-size: 16px;
        line-height: 18px; }
        .m-header .nav li a::after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 0;
          content: "";
          border-top: 2px solid currentColor; }
        .m-header .nav li a:hover {
          color: #3197ef; }
          .m-header .nav li a:hover::after {
            border-top: 4px solid currentColor; }
  .m-banner {
    position: relative; }
    .m-banner .slides {
      zoom: 1;
      font-size: 0; }
      .m-banner .slides .swiper-pagination-bullet {
        opacity: 1;
        background: #fff; }
      .m-banner .slides .swiper-pagination-bullet-active {
        background: #0ba6cf; }
      .m-banner .slides .swiper-button-prev,
      .m-banner .slides .swiper-button-next {
        display: none;
        margin-top: 0;
        position: absolute;
        z-index: 11;
        top: 50%;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transform: translateY(-50%);
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .m-banner .slides .swiper-button-prev {
        left: 20px;
        background-image: url("../images/banner_prev_1.png"); }
      .m-banner .slides .swiper-button-next {
        right: 20px;
        background-image: url("../images/banner_next_1.png"); }
    .m-banner:hover .slides .swiper-button-prev,
    .m-banner:hover .slides .swiper-button-next {
      display: block; }
  .m-mix {
    padding: 50px 0; }
    .m-mix .container {
      overflow: hidden; }
      .m-mix .container.pic-right .pic {
        float: right;
        margin-right: 0;
        margin-left: 50px; }
      .m-mix .container.pic-top .pic,
      .m-mix .container.pic-bottom .pic {
        width: 100%;
        margin-right: 0; }
        .m-mix .container.pic-top .pic-container,
        .m-mix .container.pic-bottom .pic-container {
          padding-top: 0;
          overflow: hidden; }
        .m-mix .container.pic-top .pic img,
        .m-mix .container.pic-bottom .pic img {
          position: initial; }
    .m-mix h3 {
      margin-bottom: 20px;
      line-height: 55px;
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-mix .desc {
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 28px; }
    .m-mix .pic {
      position: relative;
      float: left;
      width: 30%;
      margin: 0 50px 40px 0; }
      .m-mix .pic-container {
        width: 100%;
        padding-top: 100%; }
      .m-mix .pic img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
  .m-subscribe {
    padding: 60px 0 70px; }
    .m-subscribe h3 {
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-subscribe .tip {
      height: 22px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; }
    .m-subscribe .subscribe-form {
      position: relative;
      margin-top: 37px; }
      .m-subscribe .subscribe-form img {
        position: absolute;
        top: 12px;
        left: 0;
        width: 30px;
        height: 30px; }
      .m-subscribe .subscribe-form input {
        width: calc(100% - 163px);
        height: 54px;
        padding: 7px 0 7px 56px;
        border: none;
        border-bottom: 1px solid #979797;
        font-size: 24px;
        line-height: 24px; }
        .m-subscribe .subscribe-form input::placeholder {
          font-size: 24px; }
      .m-subscribe .subscribe-form button {
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 134px;
        height: 40px;
        color: #fff;
        border-color: #3197ef;
        background-color: #3197ef;
        line-height: 40px; }
  .m-product {
    padding-top: 50px; }
    .m-product .product-list {
      margin: 0 -14px;
      font-size: 0; }
      .m-product .product-list li {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        width: 50%;
        margin-bottom: 20px;
        vertical-align: top; }
        .m-product .product-list li a {
          text-decoration: none; }
      .m-product .product-list .product {
        margin: 0 14px; }
        .m-product .product-list .product:hover .name {
          color: #3197ef; }
          .m-product .product-list .product:hover .name div,
          .m-product .product-list .product:hover .name span,
          .m-product .product-list .product:hover .name i,
          .m-product .product-list .product:hover .name b {
            color: #3197ef !important; }
      .m-product .product-list .info {
        padding: 30px 0; }
        .m-product .product-list .info .name {
          overflow: hidden;
          max-height: 100px;
          color: #000000;
          font-size: 18px;
          line-height: 25px; }
        .m-product .product-list .info .desc {
          overflow: hidden;
          max-height: 88px;
          margin-top: 10px;
          color: #4a4a4a;
          font-size: 16px;
          line-height: 22px; }
      .m-product .product-list .image {
        padding-top: 74.45255%;
        background-color: #d8d8d8;
        background-repeat: no-repeat;
        background-size: cover; }
  .m-inquiry {
    padding: 50px 0; }
    .m-inquiry h3 {
      width: 285px;
      padding-bottom: 30px;
      line-height: 50px;
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-inquiry .contcat {
      float: right;
      width: 225px;
      margin-right: 22px;
      margin-left: 30px;
      padding-bottom: 38px;
      font-size: 18px;
      line-height: 23px; }
      .m-inquiry .contcat .phone {
        margin-top: 20px; }
    .m-inquiry .inquiry-container {
      overflow: hidden; }
    .m-inquiry input {
      height: 40px;
      margin-bottom: 9px;
      padding: 0 10px;
      border-color: #4a4a4a;
      font-size: 18px;
      line-height: 40px; }
    .m-inquiry textarea {
      height: 120px;
      padding: 10px;
      border-color: #4a4a4a;
      font-size: 18px; }
    .m-inquiry input::placeholder,
    .m-inquiry textarea::placeholder {
      color: #9b9b9b; }
    .m-inquiry button {
      width: 140px;
      height: 40px;
      margin-top: 8px;
      text-align: center;
      color: #fff;
      border-color: #3197ef;
      background-color: #3197ef;
      font-size: 18px; }
    .m-inquiry .btn-group {
      text-align: right; }
  .m-sns {
    padding: 50px 0; }
    .m-sns .sns-share {
      height: 32px;
      text-align: center;
      line-height: 32px; }
      .m-sns .sns-share a {
        float: left;
        width: 33.33333%;
        text-decoration: none;
        color: #1facd2;
        font-size: 16px; }
        .m-sns .sns-share a img {
          vertical-align: top; }
        .m-sns .sns-share a span {
          display: inline-block;
          margin-left: 10px;
          line-height: 25px; }
  .m-footer {
    padding-top: 50px;
    padding-bottom: 46px; }
    .m-footer .sns {
      float: right;
      padding-left: 20px;
      margin-right: -24px;
      max-width: 40%; }
      .m-footer .sns a {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 24px;
        margin-bottom: 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        background-color: #9b9b9b;
        line-height: 28px; }
        .m-footer .sns a i {
          color: #fff;
          font-size: 28px; }
    .m-footer .business-info .componey,
    .m-footer .business-info .address,
    .m-footer .business-info .contact {
      color: #4a4a4a;
      font-size: 16px;
      line-height: 23px; }
    .m-footer .business-info .address {
      padding-top: 5px; }
    .m-footer .business-info .copyright {
      padding-top: 30px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; } }

@media (min-width: 960px) {
  .m-header {
    z-index: 1000; }
    .m-header .menu {
      display: none;
      height: 86px;
      text-align: center;
      color: #fff;
      font-size: 0;
      line-height: 86px; }
      .m-header .menu span {
        display: inline-block;
        width: 35px;
        height: 26px;
        cursor: pointer;
        vertical-align: middle;
        background-image: url(../images/d204d9b7-594d-ebf8-47f0-1d143e79b159_1.png);
        background-repeat: no-repeat;
        background-size: 100%; }
    .m-header .nav ul {
      overflow: hidden;
      width: 100%;
      padding: 20px 0 14px 0;
      text-align: justify;
      font-size: 0; }
      .m-header .nav ul:after {
        position: relative;
        z-index: -1;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        height: 0;
        content: "";
        font-size: 0;
        line-height: 0; }
    .m-header .nav li {
      display: inline-block;
      overflow: hidden;
      vertical-align: middle; }
      .m-header .nav li > div {
        max-width: 400px; }
      .m-header .nav li a {
        position: relative;
        display: block;
        padding-top: 10px;
        text-decoration: none;
        color: inherit;
        color: #9b9b9b;
        font-size: 16px;
        line-height: 18px; }
        .m-header .nav li a::after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 0;
          content: "";
          border-top: 2px solid currentColor; }
        .m-header .nav li a:hover {
          color: #3197ef; }
          .m-header .nav li a:hover::after {
            border-top: 4px solid currentColor; }
  .m-banner {
    position: relative; }
    .m-banner .slides {
      zoom: 1;
      font-size: 0; }
      .m-banner .slides .swiper-pagination-bullet {
        opacity: 1;
        background: #fff; }
      .m-banner .slides .swiper-pagination-bullet-active {
        background: #0ba6cf; }
      .m-banner .slides .swiper-button-prev,
      .m-banner .slides .swiper-button-next {
        display: none;
        margin-top: 0;
        position: absolute;
        z-index: 11;
        top: 50%;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transform: translateY(-50%);
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .m-banner .slides .swiper-button-prev {
        left: 20px;
        background-image: url("../images/banner_prev_1.png"); }
      .m-banner .slides .swiper-button-next {
        right: 20px;
        background-image: url("../images/banner_next_1.png"); }
      .m-banner .slides:hover .swiper-button-prev,
      .m-banner .slides:hover .swiper-button-next {
        display: block; }
  .m-mix {
    padding: 50px 0; }
    .m-mix .container {
      overflow: hidden; }
      .m-mix .container.pic-right .pic {
        float: right;
        margin-right: 0;
        margin-left: 50px; }
      .m-mix .container.pic-top .pic,
      .m-mix .container.pic-bottom .pic {
        width: 100%;
        margin-right: 0; }
        .m-mix .container.pic-top .pic-container,
        .m-mix .container.pic-bottom .pic-container {
          padding-top: 0;
          overflow: hidden; }
        .m-mix .container.pic-top .pic img,
        .m-mix .container.pic-bottom .pic img {
          position: initial; }
    .m-mix h3 {
      margin-bottom: 20px;
      line-height: 55px;
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-mix .desc {
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 28px; }
    .m-mix .pic {
      position: relative;
      float: left;
      width: 30%;
      margin: 0 50px 40px 0; }
      .m-mix .pic-container {
        overflow: hidden;
        width: 100%;
        padding-top: 100%; }
      .m-mix .pic img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
  .m-subscribe {
    padding: 50px 0 70px; }
    .m-subscribe h3 {
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-subscribe .tip {
      height: 22px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; }
    .m-subscribe .subscribe-form {
      position: relative;
      margin-top: 37px; }
      .m-subscribe .subscribe-form img {
        position: absolute;
        top: 12px;
        left: 0;
        width: 30px;
        height: 30px; }
      .m-subscribe .subscribe-form input {
        width: calc(100% - 163px);
        height: 54px;
        padding: 7px 0 7px 56px;
        border: none;
        border-bottom: 1px solid #979797;
        font-size: 24px;
        line-height: 24px; }
        .m-subscribe .subscribe-form input::placeholder {
          font-size: 24px; }
      .m-subscribe .subscribe-form button {
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 134px;
        height: 40px;
        color: #fff;
        border-color: #3197ef;
        background-color: #3197ef;
        line-height: 40px; }
  .m-product {
    padding-top: 50px; }
    .m-product .product-list {
      margin: 0 -14px;
      font-size: 0; }
      .m-product .product-list li {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        width: 25%;
        vertical-align: top; }
        .m-product .product-list li a {
          text-decoration: none; }
      .m-product .product-list .product {
        margin: 0 14px; }
        .m-product .product-list .product:hover .name {
          color: #3197ef; }
          .m-product .product-list .product:hover .name div,
          .m-product .product-list .product:hover .name span,
          .m-product .product-list .product:hover .name i,
          .m-product .product-list .product:hover .name b {
            color: #3197ef !important; }
      .m-product .product-list .info {
        padding: 30px 0; }
        .m-product .product-list .info .name {
          overflow: hidden;
          max-height: 100px;
          color: #000000;
          font-size: 18px;
          line-height: 25px; }
        .m-product .product-list .info .desc {
          overflow: hidden;
          max-height: 88px;
          margin-top: 10px;
          color: #4a4a4a;
          font-size: 16px;
          line-height: 22px; }
      .m-product .product-list .image {
        padding-top: 74.28571%;
        background-color: #d8d8d8;
        background-repeat: no-repeat;
        background-size: cover; }
  .m-inquiry {
    padding: 50px 0; }
    .m-inquiry h3 {
      width: 285px;
      padding-bottom: 30px;
      line-height: 50px;
      color: #3197ef;
      font-size: 40px;
      font-weight: 700; }
    .m-inquiry .contcat {
      float: right;
      width: 285px;
      margin-right: 22px;
      margin-left: 75px;
      padding-bottom: 38px;
      font-size: 18px;
      line-height: 23px; }
      .m-inquiry .contcat .phone {
        margin-top: 20px; }
    .m-inquiry .inquiry-container {
      overflow: hidden; }
    .m-inquiry input {
      height: 40px;
      margin-bottom: 9px;
      padding: 0 10px;
      border-color: #4a4a4a;
      font-size: 18px;
      line-height: 40px; }
    .m-inquiry textarea {
      height: 120px;
      padding: 10px;
      border-color: #4a4a4a;
      font-size: 18px; }
    .m-inquiry input::placeholder,
    .m-inquiry textarea::placeholder {
      color: #9b9b9b; }
    .m-inquiry button {
      width: 140px;
      height: 40px;
      margin-top: 8px;
      text-align: center;
      color: #fff;
      border-color: #3197ef;
      background-color: #3197ef;
      font-size: 18px; }
    .m-inquiry .btn-group {
      text-align: right; }
  .m-sns {
    padding: 50px 0; }
    .m-sns .sns-share {
      height: 32px;
      text-align: center;
      line-height: 32px; }
      .m-sns .sns-share a {
        float: left;
        width: 33.33333%;
        text-decoration: none;
        color: #1facd2;
        font-size: 16px; }
        .m-sns .sns-share a img {
          vertical-align: top; }
        .m-sns .sns-share a span {
          display: inline-block;
          margin-left: 10px;
          line-height: 25px; }
  .m-footer {
    padding-top: 50px;
    padding-bottom: 46px; }
    .m-footer .sns {
      float: right;
      padding-left: 20px;
      margin-right: -24px;
      max-width: 40%; }
      .m-footer .sns a {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 24px;
        margin-bottom: 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        background-color: #9b9b9b;
        line-height: 28px; }
        .m-footer .sns a i {
          color: #fff;
          font-size: 28px; }
    .m-footer .business-info .componey,
    .m-footer .business-info .address,
    .m-footer .business-info .contact {
      color: #4a4a4a;
      font-size: 16px;
      line-height: 23px; }
    .m-footer .business-info .address {
      padding-top: 5px; }
    .m-footer .business-info .copyright {
      padding-top: 30px;
      color: #9b9b9b;
      font-size: 16px;
      line-height: 22px; } }