@charset "UTF-8"; /* CSS Document */
/*--フッター---------------------------------------------------------------*/
footer { width: 100%; background: #76384d; padding: 100px 0; }
footer .inner { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
footer .inner .left { width: auto; display: flex; flex-direction: column; align-items: flex-start; }
footer .inner .left .logo { width: 450px; margin-bottom: 20px; margin-left: -10px;}
footer .inner .left .logo img { width: 100%; height: auto; }
footer .inner .left .copyright{ color: #fff; font-size: 0.6rem;}
footer .inner .right { flex: 1; text-align: right; display: flex; align-items: center; justify-content: flex-end; font-size: 0.9rem;}
footer .footer-nav { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
footer .footer-nav a { display: block; color: #fff; padding: 5px 0;}

@media screen and (max-width: 1050px) { 
  footer { padding: 80px 0; }
  footer .inner { max-width: 90%; }
  footer .inner .left .logo { width: 350px; }
  footer .inner .right { font-size: 0.8rem; }
}

@media screen and (max-width: 700px) { 
  footer { padding: 60px 0; }
  footer .inner { max-width: 95%; flex-direction: column; gap: 30px; text-align: center; }
  footer .inner .left { align-items: center; order: 1; }
  footer .inner .left .logo { width: 280px; margin-bottom: 15px; margin-left: 0; }
  footer .inner .left .copyright { font-size: 0.5rem; order: 3; }
  footer .inner .right { justify-content: center; font-size: 0.9rem; order: 2; }
  footer .footer-nav { align-items: center; gap: 15px; }
  footer .footer-nav a { padding: 8px 0; }

/*左から右にフェードイン--------------------*/
.left-to-right { opacity: 1; transform: translateX(-20px); transition: all 1s; }
.left-to-right.scrollin { opacity: 1; transform: translate(0); }
/*右から左にフェードイン--------------------*/
.right-to-left { opacity: 1; transform: translateX(50px); transition: all 4s; }
.right-to-left.scrollin { opacity: 1; transform: translate(0); }
/*下から上にフェードイン--------------------*/
.down-to-top { opacity: 1; transform: translateY(50px); transition: all 1.5s; }
.down-to-top.scrollin { opacity: 1; transform: translateY(0); }
.down-to-top2 { opacity: 1; transform: translateY(150px); transition: all 1.5s; }
.down-to-top2.scrollin { opacity: 1; transform: translateY(0); }
.down-to-top3 { opacity: 1; transform: translateY(250px); transition: all 1.5s; }
.down-to-top3.scrollin { opacity: 1; transform: translateY(0); }
/* @media screen and (max-width: 1050px) {
  a.sp-tel { display: flex; }  
  .sp-tel-button { display: flex; }
  #footer { width: 100%; margin: 0 auto; padding: 0 0 60px 0; }
  #footer img { width: 90%; min-width: auto; max-width: 1200px; height: auto; margin: 0px auto; padding: 50px 0 60px; display: block; }
  #footer .menu { padding: 15px 0; }
  .footer-nav { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0 15px; }
  .footer-nav a { display: block; width: 100%; padding: 12px 0; margin: 0px 0; text-align: center; font-size: 1rem; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; transition: background-color 0.3s; }
  .footer-nav a:last-child { border-bottom: none; }
  .footer-nav a:hover { background-color: #d2ebc7; text-decoration: none; }
  .footer-nav::after, .footer-nav a::before { content: none; }
  .caution { color: #333; text-align: center; font-size: 0.6rem; margin: 35px 0 5px 0; letter-spacing: 0px; font-family: "hiragino-kaku-gothic-pron", sans-serif; font-weight: 300; font-style: normal; }
  .copyright { color: #333; text-align: center; font-size: 0.7rem; margin: 0px 0 5px; letter-spacing: 0px; font-family: "hiragino-kaku-gothic-pron", sans-serif; font-weight: 300; font-style: normal; }
} */

}