@charset "UTF-8";
/* footer
------------------------------------------------------------*/
footer {
  padding: 45px;
  background-color: #dad6d0; }
  footer .foot-nav {
    margin-bottom: 40px;
    width: 760px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1.4; }
    footer .foot-nav dl {
      margin-right: 20px; }
      footer .foot-nav dl:last-child {
        margin-right: 0; }
        footer .foot-nav dl:last-child dt:not(:first-child) {
          margin-top: 10px; }
      footer .foot-nav dl dt {
        font-size: 14px;
        font-size: 0.9333333333rem;
        font-weight: bold; }
        footer .foot-nav dl dt:not(:first-child) {
          margin-top: 25px; }
        footer .foot-nav dl dt:not(:last-child) {
          margin-bottom: 10px; }
      footer .foot-nav dl dd {
        font-size: 14px;
        font-size: 0.9333333333rem; }
        footer .foot-nav dl dd ul li:not(:last-child) {
          margin-bottom: 5px; }
  footer .foot-pagetop {
    text-align: right;
    margin-bottom: -10px;
    line-height: 0; }
    footer .foot-pagetop a {
      display: -moz-inline-box;
      display: inline-block; }
      footer .foot-pagetop a img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      footer .foot-pagetop a:hover img {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center; }
  footer .foot-copy {
    display: block;
    text-align: center;
    background-color: #505050;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8666666667rem;
    padding: 10px; }
  @media screen and (max-width: 660px) {
    footer {
      padding: 25px 20px; }
      footer .foot-nav {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-bottom: 0px; }
        footer .foot-nav dl {
          width: calc(50% - 15px);
          margin-right: 15px;
          margin-bottom: 20px; }
          footer .foot-nav dl:last-child {
            margin-right: 15px; }
          footer .foot-nav dl dt {
            font-size: 13px;
            font-size: 0.8666666667rem;
            font-weight: bold; }
            footer .foot-nav dl dt:not(:first-child) {
              margin-top: 20px; }
          footer .foot-nav dl dd {
            font-size: 12px;
            font-size: 0.8rem; }
      footer .foot-pagetop {
        margin-top: -20px; }
        footer .foot-pagetop a {
          display: -moz-inline-box;
          display: inline-block; }
          footer .foot-pagetop a img {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          footer .foot-pagetop a:hover img {
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
            -webkit-transform-origin: center center;
            -moz-transform-origin: center center;
            -ms-transform-origin: center center;
            -o-transform-origin: center center;
            transform-origin: center center; }
      footer .foot-copy {
        display: block;
        text-align: center;
        background-color: #505050;
        color: #FFF;
        font-size: 13px;
        font-size: 0.8666666667rem;
        padding: 10px; } }

  -webkit-animation-name: flipIn;
  animation-name: flipIn;
  -webkit-transform-origin: center center;
  transform-origin: center center; }