@charset "Shift_JIS";





.footer {

  background: var(--blue);

  background: linear-gradient(-75deg, rgba(0, 88, 117, 1) 0%, rgba(1, 63, 117, 1) 100%);

}



.footer,

.footer a {

  color: var(--white);

}



.footer a:hover {

	transform: translate(1px, 1px);

    -webkit-transform: translate(1px, 1px);

}



.footer-profile .footer-sitename {

  padding-bottom: 40px;

}



.footer-profile address {

  font-size: 0.9em;

  font-style: normal;

  letter-spacing: normal;

}



.footer-profile address .access {

  display: inline-block;

}



.footer-profile address .access a {

  padding-left: 20px;

  background-image: url(../image/icon-access.png);

  background-repeat: no-repeat;

  background-position: left;

}



.footer-profile address .tel a {

  color: #fff;

  display: inline-block;

  text-decoration: underline;

}



.footer-profile address .fax a {

  color: #fff;

  display: inline-block;

  pointer-events: none;

  text-decoration: none;

}



.footer-menu-item a {

  padding: 5px 10px 5px 20px;

  position: relative;

}



.footer-menu-item a:before {

  position: absolute;

  content: "";

  background-color: var(--white);

  height: 1px;

  width: 10px;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.footer-banner-item {

  margin-bottom: 10px;

}



.footer-banner-item a {

  padding: 15px 25px 15px 60px;

  border: 1px solid var(--white);

  min-width: 300px;

  position: relative;

}



.footer-banner-item a::before {

  position: absolute;

  content: "";

  background-color: var(--white);

  clip-path: polygon(0 0, 100% 50%, 0 100%);

  width: 8px;

  height: 10px;

  right: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

}



.footer-member a {

  background-color: var(--green);

  background-image: url(../image/icon-door.png);

  background-repeat: no-repeat;

  background-position: center left 16px;

}



.footer-kyosai a {

  background-color: var(--pink);

  background-image: url(../image/icon-handshake.png);

  background-repeat: no-repeat;

  background-position: center left 16px;

}



.copyright {

  padding: 10px 0;

  font-size: 0.9em;

  letter-spacing: normal;

}

  

  

      /* -------------------------------------------

          footer > SP

      --------------------------------------------- */

      @media (min-width:0px) {

        .footer-layout {

          padding: 50px 0 20px;

          display: flex;

          flex-direction: column;

          align-items: center;

        }



        .footer-profile address {

          padding-bottom: 40px;

          margin: auto;

          width: 300px;

        }



        .footer-menu {

          margin: 0 auto 35px;

          width: 300px;

        }



        .copyright {

          text-align: center;

        }



      }

      /* -------------------------------------------

          footer > TABLET

      ---------------------------------------------- */

      @media (min-width:768px) {



      }

      /* -------------------------------------------

          footer > PC

      ---------------------------------------------- */

      @media (min-width:1100px) {

        .footer-layout {

          padding: 60px 0 10px;

          display: flex;

          flex-direction: row;

          justify-content: space-between;

          align-items: flex-start;

        }



        .footer-profile address {

          padding-bottom: 0;

          width: auto;

        }



        .footer-profile address .add {

          float: left;

        }



        .footer-profile address .access {

          margin-left: 20px;

        }



        .footer-profile address .tel {

          clear: both;

        }



        .footer-menu {

          margin: 0 0 0 30px;

          width: auto;

        }



        .footer-menu-item {

          margin-bottom: 10px;

        }



        .footer-banner {

          margin-left: 30px;

        }



        .copyright {

          text-align: right;

        }

  

      }