/* -------------------------------------------------------------
PC
--------------------------------------------------------------*/
@media screen and (min-width: 960px) {
  .footer {
    background: #000 !important;
    padding: 40px 10px; }
    .footer__inner {
      max-width: 1280px;
      padding: 10px 20px;
      margin: 0 auto;
      box-sizing: border-box;
      position: relative; }
    .footer__inline {
      max-width: 800px;
      margin: 0 auto 40px; }
      .footer__inline ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .footer__inline ul li {
          text-align: center;
          width: calc(100% / 4);
          border-right: solid 1px #7e7e7e;
          box-sizing: border-box; }
          .footer__inline ul li:first-child img {
            width: 26px;
            height: auto; }
          .footer__inline ul li:nth-child(2) img {
            width: 42px;
            height: auto; }
          .footer__inline ul li:nth-child(3) img {
            width: 28px;
            height: auto; }
          .footer__inline ul li:last-child {
            border-right: none; }
            .footer__inline ul li:last-child img {
              width: 20px;
              height: auto; }
          .footer__inline ul li a {
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            display: block;
            padding: 20px;
            box-sizing: border-box;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            .footer__inline ul li a:hover {
              color: #ffb100;
              position: relative; }
            .footer__inline ul li a dl dt {
              height: 40px;
              margin-bottom: 10px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center; }
            .footer__inline ul li a dl dd br {
              display: none; }
    .footer__jeep {
      width: 141px;
      height: 56px;
      margin: 0 auto 30px; }
      .footer__jeep a {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .footer__jeep a:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -webkit-opacity: 0.7;
          opacity: 0.7; }
        .footer__jeep a img {
          width: 100%;
          height: auto; }
    .footer__copyright {
      color: #fff;
      font-size: 10px;
      text-align: center; } }

/* -------------------------------------------------------------
スマホ
--------------------------------------------------------------*/
@media screen and (max-width: 959px) {
  .footer {
    background: #000 !important;
    padding: 40px 0; }
    .footer__inner {
      max-width: 1280px;
      padding: 10px 20px;
      margin: 0 auto;
      box-sizing: border-box;
      position: relative; }
    .footer__inline {
      max-width: 780px;
      margin: 0 auto 30px; }
      .footer__inline ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .footer__inline ul li {
          text-align: center;
          width: calc(100% / 4);
          border-right: solid 1px #7e7e7e;
          box-sizing: border-box; }
          .footer__inline ul li:first-child img {
            width: 26px;
            height: auto; }
          .footer__inline ul li:nth-child(2) img {
            width: 42px;
            height: auto; }
          .footer__inline ul li:nth-child(3) img {
            width: 28px;
            height: auto; }
          .footer__inline ul li:last-child {
            border-right: none; }
            .footer__inline ul li:last-child img {
              width: 20px;
              height: auto; }
          .footer__inline ul li a {
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            width: 100%;
            height: 100%;
            display: block;
            padding: 0 10px;
            box-sizing: border-box;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end; }
            .footer__inline ul li a:hover {
              color: #ffb100;
              position: relative; }
            .footer__inline ul li a dl dt {
              height: 40px;
              margin-bottom: 5px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center; }
            .footer__inline ul li a dl dd {
              line-height: 1.2; }
    .footer__jeep {
      width: 141px;
      height: 56px;
      margin: 0 auto 30px; }
      .footer__jeep a {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .footer__jeep a:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -webkit-opacity: 0.7;
          opacity: 0.7; }
        .footer__jeep a img {
          width: 100%;
          height: auto; }
    .footer__copyright {
      color: #fff;
      font-size: 10px;
      text-align: center; } }