.footer {
  background-color: #000000;
  padding: 95px 0 75px; }
  .footer .container {
    max-width: 1300px;
    margin: auto;
    color: #ffffff; }
    .footer .container a {
      color: #ffffff; }
    .footer .container .left {
      width: 40%;
      float: left; }
      .footer .container .left .logo img {
        width: 165px;
        margin-right: 5px; }
      .footer .container .left .logo .context .big-text {
        font-family: 'Nexa-Bold';
        font-size: 35px; }
      .footer .container .left .logo .context .small-text {
        font-family: 'Noto-Sans-JP-Regular';
        font-style: normal;
        font-size: 14px; }
      .footer .container .left p {
        font-family: 'Noto-Sans-JP-Regular';
        font-style: normal;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 8px; }
      .footer .container .left a {
        font-family: 'Noto-Sans-JP-Regular';
        font-style: normal;
        font-size: 14px;
        line-height: 30px;
        display: block; }
    .footer .container .right {
      width: 605px;
      float: left;
      margin-left: calc((100% - 40%) - 605px); }
      .footer .container .right .block {
        float: left;
        margin-left: 60px; }
        .footer .container .right .block a {
          display: block;
          font-size: 12px;
          margin-bottom: 12px; }
          .footer .container .right .block a.main {
            font-size: 14px;
            margin-bottom: 20px; }
  .footer .copy-right {
    color: #ffffff;
    text-align: center;
    font-family: 'Noto-Sans-JP-Regular';
    font-style: normal;
    font-size: 12px;
    margin-top: 110px; }

@media only screen and (max-width: 640px) {
  .footer {
    padding: 45px 0 25px; }
    .footer .container .left {
      width: 100%;
      padding: 0 15px; }
      .footer .container .left .logo {
        position: relative;
        left: 48%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%); 
        text-align: center;}
        .footer .container .left .logo img {
          display: block;
          width: 120px;
          float: none;
          position: relative;
          top: -10px; }
        .footer .container .left .logo .context {
          display: inline-block; 
           text-align: center;}
          .footer .container .left .logo .context .big-text {
            font-size: 20px;
            line-height: 16px;
            margin-bottom: 0; }
          .footer .container .left .logo .context .small-text {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 0;
            }
      .footer .container .left p {
        font-size: 12px;
        line-height: 22px; }
      .footer .container .left a {
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 30px; }
    .footer .container .collapse {
      display: block;
      width: 100%;
      float: left;
      transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in; }
      .footer .container .collapse.toggle {
        left: 0; }
      .footer .container .collapse .link-lv1,
      .footer .container .collapse .collapsible {
        background: none;
        color: white;
        cursor: pointer;
        padding: 15px;
        display: block;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 12px; }
        .footer .container .collapse .link-lv1:after,
        .footer .container .collapse .collapsible:after {
          content: '';
          float: right;
          width: 17px;
          height: 9px;
          background: url("../images/index/arrow-down.png") center no-repeat;
          background-size: contain; }
        .footer .container .collapse .link-lv1.active,
        .footer .container .collapse .collapsible.active {
          border-bottom: none; }
      .footer .container .collapse .content {
        padding: 0 15px;
        max-height: 0;
        overflow: hidden;
        border-bottom: 1px solid #3e3d3c;
        transition: max-height 0.2s ease-out;
        -webkit-transition: max-height 0.2s ease-out;
        -moz-transition: max-height 0.2s ease-out;
        -ms-transition: max-height 0.2s ease-out;
        -o-transition: max-height 0.2s ease-out; }
        .footer .container .collapse .content a {
          color: #ffffff;
          display: block;
          margin-bottom: 15px;
          font-size: 12px; }
          .footer .container .collapse .content a:first-child {
            margin-top: 18px; }
          .footer .container .collapse .content a:last-child {
            margin-bottom: 28px; }
      .footer .container .collapse .link-lv1 {
        border-bottom: 1px solid #3e3d3c; }
        .footer .container .collapse .link-lv1:first-child {
          border-top: 1px solid #3e3d3c; }
        .footer .container .collapse .link-lv1::after {
          content: none; }
    .footer .copy-right {
      font-size: 10px;
      margin-top: 30px; } }

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